CSS: Useful CSS Hacks you didn't know about.md

Use case #1:

Your client has once again sent you logos that don't meet your requirements (different sizes, sometimes lack transparency, etc.).

Just use the following CSS hack for these logos:

.logo {
	width: 50%;
	aspect-ratio: 3/2;
	object-fit: contain;
	/* to remove e.g. a white background */
	mix-blend-mode: color-burn;
}

Use case #2:

A plugin uses inline styles but has no classes, but you want to change this one paragraph.

Did you know that you can use a style attribute of a paragraph as a selector?

/* Example: */

<p style="color: #111;"> testing </p>

/* Selector: */

p[style="color: #111;"] {
	color: red !important;
}

Not something you should do, but it's still interesting :)