some hidden CSS

The ::first-line selector allows you to select the first line in a paragraph (this pseudo element only works on block elements).

::first-line { }

As above but only the first letter. Nice.

::first-letter { }

This will select all ul li elemnts that do not have the .this-class

ul li:not(.this-class) {}

We know this one but to recap: Adjacent sibling combinator. The + sign lets you select an element directly after another one.

h1 + p

Source

• Michael Weaver