CSS-selektor og regel
CSS er stilspråket: regler på formen selektor { egenskap: verdi; } bestemmer hvordan innholdet ser ut. Selektoren er et opprop, ikke en peker — en element-selektor som p treffer ALLE avsnittene på siden. HTML sier hva ting ER; CSS sier hvordan de SER UT.
Vanlige feil
- Du blander CSS og HTML Du tror CSS og HTML er samme språk — og skriver stilregler midt i innholdet, eller tagger inni stilreglene. Det er to språk med to jobber: HTML sier hva ting ER (overskrift, avsnitt), CSS sier hvordan de SER UT (farge, størrelse). CSS virker bare der nettleseren leter etter stil — i style-elementet (eller en stilfil); skrevet andre steder er det bare tekst.
- Du tror regelen gjelder ett element Du tror en regel som p { color: red; } bare gjelder ett avsnitt — gjerne det første. En element-selektor treffer ALLE elementene av typen, på hele siden. Det er ikke en bivirkning, det er superkraften: én regel, hundre elementer. (Vil du treffe bare noen, finnes det egne verktøy — klasser — som kommer snart.)