Du roter med punktumet i klasse-selektoren
Handler om: CSS-klasse
Du tror klassenavnet skrives likt i HTML og CSS. Det heter viktig begge steder — men skrivemåten er ulik: i HTML står navnet i class-attributtet (class="viktig", uten punktum), i CSS starter selektoren med punktum (.viktig). Punktumet er selve beskjeden «dette er en klasse, ikke en tagg». Uten punktum leter CSS etter et ELEMENT som heter viktig — finner ingenting, og feiler helt stille.
Eksempel
En elev skriver viktig { color: red; } i stilen og ser ingen endring — eller skriver class=".viktig" i HTML-en, så navnet med punktum ikke matcher .viktig i CSS.
Slik tenker du riktig om det
Punktumet uttales «alle med klasse»: .viktig leses «alle med klasse viktig». I CSS-køen står både tagg-navn (p) og klassenavn (.viktig) — punktumet er skiltet som sier hvilken type navn det er. I HTML trengs ikke skiltet: der står navnet allerede inni class-attributtet.