CSS3 Selectors

Element1~Element2: This selector connects to instances of Element2 that are preceded by Element1.

[Attribute^=value]: This selector connects to the attributes with values that begin with a specific value.

:In-Range: This selector connects to the elements that are within that element's set range (such as inputs).

:Out-of-Range: This selector connects to the elements that are outside that element's set range (such as inputs).

:Checked: This selector connects to input and option elements that are checked.

John
Grippy

:Last-Child: This selector connects to the last child of a specified element.

:Last-of-Type: This selector connects to the specified element that is the last of its type.

:Not( ): This selector is connected to all elements that are not the specified element.

:Target: This selector is connected to same-document links (example: #blue links to id=“blue”).

Where did Humble Tim go?

Where did Pitiful Phil go?

Humble Tim went to the gym.

Pitiful Phil ran down the hill.

:Enabled: This selector is connected to enabled elements.