Konsepter - ID og Class
Når vi bygger nettsider, trenger vi ofte å gi HTML-elementene våre "navnelapper" slik at vi kan kjenne dem igjen og koble dem sammen med spesifikk CSS-kode. Dette gjør vi med attributtene id og class.
ID-attributtet (#)
Et id-attributt brukes for å gi et element en helt unik identifikator på siden. Tenk på det som et personnummer: ingen andre elementer på samme side kan ha samme id. I CSS velger du en ID med en hashtag (#).
<div id="hovedmeny">
Dette er menyen
</div>#hovedmeny {
background-color: black;
}- Brukes når du har et unikt element (f.eks. toppteksten eller navigasjonsmenyen).
- Gir én spesifikk ting et bestemt utseende eller atferd.
Class-attributtet (.)
Et class-attributt brukes for å gi flere elementer en felles klassifisering. Tenk på det som en "klubb". I CSS velger du en klasse med et punktum (.).
<p class="viktig-tekst">Advarsel!</p>
<p class="viktig-tekst">Husk!</p>.viktig-tekst {
color: red;
}- Brukes når flere elementer skal dele samme utseende (f.eks. advarselsbokser eller knapper).
- Et element kan ha flere klasser samtidig (atskilt med mellomrom).