CSS -selektorer i HTML5

Vælgerne CSS bruges til at identificere hvilke elementer HTML en bestemt stil vil blive placeret på dem, til dette kan vi bruge etiketten stil eller et eksternt typografiark. Lad os forestille os et øjeblik, at vi vil lægge et bestemt aspekt i vores dokument, for dette skal vi udvikle stilarter, men for ikke at gentage kode er det ideelle at bruge stilarterne til vælgerne, for eksempel hvis vi vil alle links til elementet til er af en bestemt farve, ville vi bruge stilarterne med vælgeren efter type.
Denne vælger påvirker alle elementer i dokumentet, på trods af at den er den mest grundlæggende vælger, er den ikke meget udbredt, da dens anvendelsesområde er meget bredt.
Lad os se et lille eksempel på, hvordan det fungerer:

 Eksempel
Jeg kan godt lide æbler og appelsiner.

Besøg W3C's websted 

Som vi kan se i eksemplet, fortæller vi stilen med universalvælgeren, at alle elementer vil have en sort kant tyndt fast stof, giver dette følgende resultat:

Vi ser, at stilen blev anvendt på alle elementerne, det er ikke særlig behageligt at se på i øjeblikket, men det gør jobbet.
Med denne type markering kan vi vælge og anvende en stil på alle elementerne i en bestemt type, på denne måde kan vi være generelle uden at være så brede som med den universelle vælger, som vi så tidligere.
Lad os arbejde med følgende eksempel:

 Eksempel
Jeg kan godt lide æbler og appelsiner.
Besøg W3C's websted 

Som vi kan se, bruger vi elementtypen til Til hvilket vi vil tilføje den sorte kant, som vi har arbejdet med i selvstudiet, lad os se, hvordan det ser ud på skærmen:

Resultatet er lidt bedre end det, der genereres med universalvælgeren, da det i dette tilfælde kun er linkene, der har den sorte kant.
Hvad hvis vi nu ønsker at anvende en stil, men kun på visse elementer, uanset deres type, men vi kan ikke anvende det på hele dokumentet, for dette kan vi bruge vælgeren efter klasser, med vælgeren efter klasse kan vi opnå lidt mere eksklusion til, når du anvender en stil.
Lad os se koden:

 Eksempel Besøg webstedet
Jeg kan godt lide æbler og appelsiner.

Besøg W3C's websted 

I dette tilfælde besluttede vi at anvende stilen på alle elementerne i klassen klasse 2 vi kan se i koden et element, der har to klasser, men at have den klasse, som vi angiver, vil også tage stilen. Med dette afslutter vi denne vejledning om vælgere, vi anbefaler at fortsætte med at øve og kombinere det, vi har lært, så vi kan berige udseendet af vores websteder og øge deres brugervenlighedsstandarder på den mest effektive og enkle måde.