CSS -velgere i HTML5

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:
 Eksempel

Jeg 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:

Vi ser at stilen ble brukt på alle elementene, dette er ikke veldig hyggelig å se på for øyeblikket, men det gjør jobben.
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:
 Eksempel

Jeg 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:

Resultatet er litt bedre enn det som ble generert med den universelle velgeren, siden i dette tilfellet bare koblingene har den svarte grensen.
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 nettstedet

Jeg 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.

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave