CSS -väljare i HTML5

Väljarna CSS används för att identifiera vilka element HTML en särskild stil kommer att placeras på dem, för detta kan vi använda etiketten stil eller ett externt stilark. Låt oss föreställa oss ett ögonblick att vi vill sätta en viss aspekt i vårt dokument, för detta måste vi utveckla stilar, men för att inte upprepa kod är det ideala att använda stilarna för väljarna, till exempel om vi vill alla länkar till elementet till är av en viss färg skulle vi använda stilarna med väljaren efter typ.
Denna väljare påverkar alla delar av dokumentet, trots att den är den mest grundläggande väljaren, används den inte i stor utsträckning eftersom dess omfång är mycket brett.
Låt oss se ett litet exempel på hur det fungerar:

 Exempel
Jag gillar äpplen och apelsiner.

Besök W3C: s webbplats 

Som vi kan se i exemplet berättar vi för stilen med den universella väljaren att alla element kommer att ha en svart kant tunn fast, ger detta följande resultat:

Vi ser att stilen tillämpades på alla element, det här är inte särskilt trevligt att titta på för tillfället, men det gör jobbet.
Med denna typ av urval kan vi välja och tillämpa en stil på alla element i en specifik typ, på detta sätt kan vi vara generella utan att vara lika breda som med den universella väljaren som vi såg tidigare.
Låt oss arbeta med följande exempel:

 Exempel
Jag gillar äpplen och apelsiner.
Besök W3C: s webbplats 

Som vi kan se använder vi elementtypen till Till vilket vi kommer att lägga till den svarta ramen som vi har arbetat med i handledningen, låt oss se hur den ser ut på skärmen:

Resultatet är lite bättre än det som genererades med universalväljaren, eftersom i detta fall bara länkarna har den svarta ramen.
Vad händer om vi nu vill tillämpa en stil men bara på vissa element, oavsett typ, men vi kan inte tillämpa det på hela dokumentet, för detta kan vi använda väljaren efter klasser, med väljaren efter klass kan vi uppnå lite mer uteslutning till när du använder en stil.
Låt oss se koden:

 Exempel Besök webbplatsen
Jag gillar äpplen och apelsiner.

Besök W3C: s webbplats 

I det här fallet bestämde vi oss för att tillämpa stilen på alla element i klassen klass 2 vi kan se i koden ett element som har två klasser, men att ha klassen som vi anger kommer också att ta stilen. Med detta avslutar vi denna handledning om väljare, vi rekommenderar att du fortsätter att träna, kombinerar det vi har lärt oss, så att vi kan berika utseendet på våra webbplatser och öka deras användbarhetsstandarder på det mest effektiva och enkla sättet.