Dodatek A. Selektory CSS-a i specyficzność

Selektory z CSS3

Wzorzec

Znaczenie

Specyficzność i przykłady

Selektor uniwersalny

Nie ma znaczenia ze względu na specyficzność

0-0-0

*

Pasuje do każdego elementu

* {}

Selektory typu

Selektory typu (elementu) mają najniższą specyficzność

0-0-1

E

Pasuje do elementów typu E

em, strong

Selektory klasy

0-1-0

klasa

Pasuje do dowolnego elementu, w którym na liście klas występuje klasa klasa

.klasa

Selektory identyfikatora

1-0-0

#identyfikator

Pasuje do elementu o identyfikatorze identyfikator

#identyfikator

Kombinatory

Kombinatory (w tym: , + i ~) nie wpływają na specyficzność

0-0-0

E F

Pasuje do elementów F potomnych (bezpośrednio lub pośrednio) względem E

ol li

tr td

E > F

Pasuje do elementów F, które są dziećmi (bezpośrednimi potomkami) ...

Get HTML5. Strony mobilne now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.