Najpopularniejsze selektory CSS

* Zaznacza wszystkie elementy na stronie (zastosowanie np. ustawienie box-sizing);

p Zaznacza wszystkie paragrafy

p, div, input – styluje różne elementy w ten sam sposób.

div p – paragraf musi znajdować się w elemencie div

div > p Zaznacza wszystkie elementy p będące dzieckiem selektora div (nie mogą być dalszym potomkiem)

div + p Zaznacza elementy p które są poprzedzane przez element div

div ~ p Element div ma być poprzedzony elementem p

p:first-line – pierwsza linia paragrafu

p:first-letter - Pierwsza litera

p:before – element poprzedzający

p:after – element następujący po danym

–

p:first-child – pierwsze dziecko danego elementu

p:active – element aktywny

p:hover – element wskazany myszą

p:focus – element wskazany za pomocą taba

* + * - selektor „sowa po lobotomii” http://alistapart.com/article/axiomatic-css-and-lobotomized-owls