1 CSS selektory elementów

Selektory elementów wybierają elementy na podstawie ich identyfikatora.

Selektor typu elementu służy do formatowania tylko jednego, wybranego elementu na stronie.

Selektory elementów wybierają elementy na podstawie ich nazwy, np. p, h3, table.

W CSS nie można formatować znaczników takich jak p czy h3

Selektor uniwersalny pasuje tylko do elementów tekstowych, takich jak p i h1.

Selektor uniwersalny wybiera wszystkie znaczniki na stronie.

Selektor uniwersalny może być używany tylko z tabelami.

Selektor uniwersalny nie jest obsługiwany w nowoczesnym CSS.

Selektor potomka stosuje styl tylko do bezpośrednich dzieci wskazanego elementu.

Selektor potomka wybiera wszystkie elementy na stronie.

Selektor potomka stosuje styl do elementów znajdujących się wewnątrz innego znacznika w hierarchii dokumentu.

Selektor potomka działa tak samo jak selektor uniwersalny *.

Selektor dziecka > stosuje styl do wszystkich elementów potomnych, niezależnie od poziomu zagnieżdżenia.

Selektor dziecka > wybiera tylko elementy, które są bezpośrednimi dziećmi wskazanego znacznika.

Selektor dziecka > działa tak samo jak selektor potomka (spacja między selektorami).

Selektor dziecka > nie może być używany w nowoczesnym CSS.

Selektor + wybiera element, który bezpośrednio następuje po określonym elemencie na tym samym poziomie hierarchii.

Selektor + stosuje styl do wszystkich elementów znajdujących się w tym samym poziomie hierarchii.

Selektor + wybiera wszystkie elementy potomne określonego znacznika.

Selektor + działa tak samo jak selektor potomka (spacja między selektorami).

Selektor ~ wybiera tylko pierwszy element, który następuje po określonym znaczniku.

Selektor ~ stosuje styl do wszystkich elementów potomnych określonego znacznika.

Selektor ~ wybiera wszystkie elementy na stronie, niezależnie od ich położenia.

Selektor ~ wybiera wszystkie elementy na tym samym poziomie hierarchii, które następują po określonym znaczniku.