Een class opnieuw gebruiken

Een class koppelt een zelfgekozen naam aan een HTML-element. In CSS zet je een punt vóór die naam. Meerdere elementen mogen dezelfde class hebben, zodat je een terugkerend onderdeel op één plek kunt vormgeven.

Kies een naam die het onderdeel beschrijft, zoals notitie. Dan blijft de naam bruikbaar als de rand later een andere kleur krijgt. Een element kan ook meer dan één class hebben; scheid de namen in HTML met spaties. De punt hoort alleen in de CSS-selector, niet in de class-waarde van het HTML-element. Controleer beide schrijfwijzen als de opmaak niet verschijnt.

Voorbeeld

<p class="notitie">Bewaar de schroeven.</p>
<style>.notitie { padding: 1rem; }</style>

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