CSS-kiezers in HTML5

de selectors CSS worden gebruikt om te identificeren welke elementen HTML er wordt een bepaalde stijl op geplaatst, hiervoor kunnen we het label gebruiken stijl of een externe stylesheet. Laten we ons even voorstellen dat we een bepaald aspect aan ons document willen geven, hiervoor moeten we stijlen ontwikkelen, maar om de code niet te herhalen, is het ideaal om de stijlen voor de selectors te gebruiken, bijvoorbeeld als we willen alle links naar het element tot van een bepaalde kleur zijn, zouden we de stijlen gebruiken met de selector op type.
Deze selector is van invloed op alle elementen van het document, hoewel het de meest fundamentele selector is, wordt het niet veel gebruikt omdat de reikwijdte erg breed is.
Laten we een klein voorbeeld bekijken van hoe het werkt:

 Voorbeeld
Ik hou van appels en peren.

Bezoek de W3C-website 

Zoals we in het voorbeeld kunnen zien, vertellen we de stijl met de universele selector dat alle elementen een zwarte rand krijgen dunne vaste stof, dit levert het volgende resultaat op:

We zien dat de stijl op alle elementen is toegepast, dit is op dit moment niet erg prettig om naar te kijken, maar het doet zijn werk.
Met dit type selectie kunnen we een stijl selecteren en toepassen op alle elementen van een specifiek type, op deze manier kunnen we algemeen zijn zonder zo breed te zijn als met de universele selector die we eerder zagen.
Laten we werken met het volgende voorbeeld:

 Voorbeeld
Ik hou van appels en peren.
Bezoek de W3C-website 

Zoals we kunnen zien, gebruiken we het elementtype tot Waaraan we de zwarte rand zullen toevoegen waar we in de tutorial aan hebben gewerkt, laten we eens kijken hoe het eruit ziet op het scherm:

Het resultaat is iets beter dan het resultaat dat wordt gegenereerd met de universele selector, omdat in dit geval alleen de links een zwarte rand hebben.
Wat als we nu een stijl willen toepassen, maar alleen op bepaalde elementen, ongeacht hun type, maar we kunnen het niet op het hele document toepassen, hiervoor kunnen we de selector per klasse gebruiken, met de selector per klasse kunnen we een beetje bereiken meer uitsluiting bij het toepassen van een stijl.
Laten we de code eens bekijken:

 Voorbeeld Bezoek de website
Ik hou van appels en peren.

Bezoek de W3C-website 

In dit geval hebben we besloten om de stijl toe te passen op alle elementen van de klas klasse2 we kunnen in de code een element zien dat twee klassen heeft, maar als we de klasse hebben die we specificeren, wordt ook de stijl overgenomen. Hiermee sluiten we deze tutorial over selectors af, we raden aan om te blijven oefenen en te combineren wat we hebben geleerd, zodat we het uiterlijk van onze sites kunnen verrijken en hun bruikbaarheidsnormen op de meest effectieve en eenvoudige manier kunnen verhogen.