Innholdsfortegnelse
Velgerne CSS brukes til å identifisere hvilke elementer HTML en bestemt stil skal plasseres på dem, for dette kan vi bruke etiketten stil eller et eksternt stilark. La oss forestille oss et øyeblikk at vi ønsker å sette et visst aspekt i dokumentet vårt, for dette må vi utvikle stiler, men for ikke å gjenta koden er det ideelle å bruke stilene for velgerne, for eksempel hvis vi vil alle koblingene til elementet til er av en bestemt farge, ville vi bruke stilene med velgeren etter type.Denne velgeren påvirker alle elementene i dokumentet, til tross for at den er den mest grunnleggende velgeren, er den ikke mye brukt siden omfanget er veldig bredt.
La oss se et lite eksempel på hvordan det fungerer:
EksempelJeg liker epler og appelsiner.
Besøk W3C -nettstedet
Som vi kan se i eksemplet, forteller vi stilen med universalvelgeren at alle elementer skal ha en svart kant tynt fast stoff, gir dette følgende resultat:
Med denne typen utvalg kan vi velge og anvende en stil på alle elementene i en bestemt type, på denne måten kan vi være generelle uten å være like brede som med den universelle velgeren som vi så tidligere.
La oss jobbe med følgende eksempel:
EksempelJeg liker epler og appelsiner.
Besøk W3C -nettstedet
Som vi kan se bruker vi elementtypen til Som vi vil legge til den svarte rammen som vi har jobbet med i opplæringen, la oss se hvordan den ser ut på skjermen:
Hva om vi nå vil bruke en stil, men bare på visse elementer, uavhengig av type, men vi kan ikke bruke den på hele dokumentet, for dette kan vi bruke velgeren etter klasse, med velgeren etter klasse kan vi oppnå litt mer eksklusjon når du bruker en stil.
La oss se koden:
Eksempel Besøk nettstedetJeg liker epler og appelsiner.
Besøk W3C -nettstedet
I dette tilfellet bestemte vi oss for å bruke stilen på alle elementene i klassen klasse 2 vi kan se i koden et element som har to klasser, men å ha klassen som vi spesifiserer vil også ta stilen. Med dette avslutter vi denne opplæringen om velgere, vi anbefaler å fortsette å øve, kombinere det vi har lært, slik at vi kan berike utseendet på nettstedene våre og øke brukervennlighetsstandardene på den mest effektive og enkle måten.