CSS-klasse
Merkelapper du definerer selv: class="viktig" i HTML, .viktig i CSS (punktumet betyr «klasse» og står bare i CSS). En klasse kan brukes på så mange elementer du vil — og ett element kan ha flere klasser. Med div og span kan også innhold uten naturlig tagg få en klasse.
Vanlige feil
- Du roter med punktumet i klasse-selektoren 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.
- Du tror et klassenavn bare kan brukes én gang Du tror en klasse hører til ETT element — og lager nye navn for hvert (viktig1, viktig2, …). Klassen er en gjenbrukbar merkelapp: så mange elementer du vil kan dele samme klasse (det er poenget — én regel, alle medlemmene), og ett element kan ha flere klasser samtidig. Det som skal være unikt per side, er en annen mekanisme: id.