inspired by @insharamin s thread here are 5 more not-so-famous css tips.
๐งต๐
https://xcancel.com/Insharamin/status/1404423505370763269
currentColor
this is like the og css variable. it's set to the current value of the color property.
potential usecase ๐ค
color (fill) of svg icons.
reference ๐ง
https://css-tricks.com/currentcolor/

css columns
if you want to layout your text in columns, css can do that (without grid or flexbox): introducing css columns ๐
๐ค
magazine-like layouts.
๐ง
https://css-tricks.com/almanac/properties/c/columns/

the ch property
works like the em or rem property, but 1ch is equal to the width of one character (the zero).
๐ค
i often use it for the width of textblocks to improve readability (45 โ 65 ch).
๐ง
https://css-tricks.com/the-lengths-of-css/#ch

the ::selection selector
with this selector, you can style mouse selections on your page.
๐ค
make the highlight color your brand color.
๐ง
https://css-tricks.com/almanac/selectors/s/selection/

:not selector
only select elements, that don't match a certain selection.
๐ค
style a list and exclude special elements (e.g. ads).
๐ง
https://css-tricks.com/did-you-know-about-the-has-css-selector/

that's it โ๏ธ
if you've learned something new, consider to retweet the first tweet above, so we can spread the word ๐ฃ ๐
what's your favourite css secret? ๐