Selektory CSS v HTML5

Selektory CSS slouží k identifikaci, které prvky HTML na ně bude umístěn konkrétní styl, k tomu můžeme použít štítek styl nebo externí šablonu stylů. Pojďme si na chvíli představit, že chceme do dokumentu vložit určitý aspekt, k tomu musíme vyvinout styly, aby se však neopakoval kód, ideální je použít styly pro voliče, například pokud chceme všechny odkazy na prvek na jsou konkrétní barvy, použili bychom styly s voličem podle typu.
Tento selektor ovlivňuje všechny prvky dokumentu, přestože je tím nejzákladnějším selektorem, není široce používán, protože jeho rozsah je velmi široký.
Podívejme se na malý příklad toho, jak to funguje:

 Příklad
Mám rád jablka a pomeranče.

Navštivte web W3C 

Jak vidíme na příkladu, řekneme stylu pomocí univerzálního voliče, že všechny prvky budou mít černé ohraničení řídká pevná látka, výsledkem je následující výsledek:

Vidíme, že styl byl aplikován na všechny prvky, v tuto chvíli to není moc příjemné, ale dělá to svou práci.
S tímto typem výběru můžeme vybrat a aplikovat styl na všechny prvky konkrétního typu. Tímto způsobem můžeme být obecní, aniž bychom byli tak široký jako u univerzálního voliče, který jsme viděli dříve.
Pojďme pracovat s následujícím příkladem:

 Příklad
Mám rád jablka a pomeranče.
Navštivte web W3C 

Jak vidíme, používáme typ prvku na Ke kterému přidáme černý okraj, na kterém jsme v tutoriálu pracovali, podívejme se, jak to vypadá na obrazovce:

Výsledek je o něco lepší než výsledek generovaný univerzálním voličem, protože v tomto případě mají černé odkazy pouze odkazy.
Co když teď chceme použít styl, ale pouze na určité prvky, bez ohledu na jejich typ, ale nemůžeme ho použít na celý dokument, k tomu můžeme použít selektor podle tříd, selektor podle třídy můžeme dosáhnout trochu více vyloučení při aplikaci stylu.
Podívejme se na kód:

 Příklad Navštivte webové stránky
Mám rád jablka a pomeranče.

Navštivte web W3C 

V tomto případě jsme se rozhodli použít styl na všechny prvky třídy třída 2 v kódu můžeme vidět prvek, který má dvě třídy, ale mít třídu, kterou zadáme, bude mít také styl. Tímto ukončujeme tento návod k selektorům, doporučujeme pokračovat v procvičování a kombinovat to, co jsme se naučili, abychom mohli co nejefektivněji a nejjednodušším způsobem obohatit vzhled našich stránek a zvýšit jejich standardy použitelnosti.