Selektory CSS w HTML5

Selektory CSS służą do identyfikacji, które elementy HTML zostanie na nich umieszczony określony styl, w tym celu możemy użyć etykiety styl lub zewnętrzny arkusz stylów. Wyobraźmy sobie przez chwilę, że chcemy nadać naszemu dokumentowi pewien aspekt, do tego musimy opracować style, jednak aby nie powtarzać kodu, idealnym rozwiązaniem jest użycie stylów dla selektorów, na przykład jeśli chcemy wszystkie linki do elementu do mają określony kolor, użyjemy stylów z selektorem według typu.
Selektor ten ma wpływ na wszystkie elementy dokumentu, mimo że jest najbardziej podstawowym selektorem, nie jest powszechnie używany, ponieważ jego zakres jest bardzo szeroki.
Zobaczmy mały przykład, jak to działa:

 Przykład
Lubię jabłka i pomarańcze.

Odwiedź stronę W3C 

Jak widać na przykładzie, za pomocą selektora uniwersalnego mówimy stylowi, że wszystkie elementy będą miały czarną ramkę cienkie ciało stałe, daje to następujący wynik:

Widzimy, że styl został zastosowany do wszystkich elementów, w tej chwili nie jest to zbyt przyjemne, ale działa.
Za pomocą tego typu selekcji możemy wybrać i zastosować styl do wszystkich elementów określonego typu, w ten sposób możemy być uogólnieni, nie będąc tak szerokimi, jak w przypadku selektora uniwersalnego, który widzieliśmy wcześniej.
Popracujmy z następującym przykładem:

 Przykład
Lubię jabłka i pomarańcze.
Odwiedź stronę W3C 

Jak widać używamy typu element do Do którego dodamy czarną ramkę, nad którą pracowaliśmy w tutorialu, zobaczmy jak wygląda na ekranie:

Wynik jest trochę lepszy niż ten wygenerowany selektorem uniwersalnym, ponieważ w tym przypadku tylko linki mają czarną ramkę.
A co jeśli teraz chcemy zastosować styl ale tylko do pewnych elementów, niezależnie od ich typu, ale nie możemy zastosować go do całego dokumentu, do tego możemy użyć selektora po klasach, z selektorem po klasie możemy trochę osiągnąć większe wykluczenie podczas stosowania stylu.
Zobaczmy kod:

 Przykład Odwiedź stronę internetową
Lubię jabłka i pomarańcze.

Odwiedź stronę W3C 

W tym przypadku postanowiliśmy zastosować styl do wszystkich elementów klasy klasa2 widzimy w kodzie element, który ma dwie klasy, jednak posiadanie określonej przez nas klasy również przyjmie styl. Na tym kończymy ten samouczek dotyczący selektorów, zalecamy kontynuowanie praktyki, łącząc to, czego się nauczyliśmy, abyśmy mogli wzbogacić wygląd naszych stron i podnieść ich standardy użyteczności w najbardziej efektywny i prosty sposób.