Met een selector elementen aanwijzen

Het deel vóór de accolades van een CSS-regel heet de selector. Het bepaalt op welke elementen de declaraties worden toegepast. De selector p wijst bijvoorbeeld alle alinea-elementen aan binnen het document waarop de stylesheet wordt gebruikt.

Probeer eerst één zichtbare wijziging. Als alle alinea's een andere kleur krijgen, werkt je algemene selector. Wil je slechts een groep alinea's opmaken, geef die dan een class en gebruik een class-selector. Dat is overzichtelijker dan voor iedere alinea een aparte inline stijl toevoegen. Andere CSS-regels kunnen de uiteindelijke uitkomst beïnvloeden; de eerste gevonden regel wint niet vanzelf.

Voorbeeld

p { color: #18303a; }
.notitie { border-left: 3px solid #32746c; }

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: Een class opnieuw gebruiken.