"id" og "class" i samme element

[RulleRimfrost]

Hei

Sitter her og modder css templates. Merker meg at enkelte elementer har flere henvisninger, f eks :

<input name="username" id="mod_login_username" type="text" class="inputbox" alt="username" size="10" />

Er det id eller class som bestemmer properties, om de motsier hverandre ?

[Steinmann]

Begge bestemmer attributter, den som blir deffinert sist i css dokumentet overskriver alt annet, med mindre man har brukt !important.

 

altså:

input.inputbox {
 color: red;
}
input#langtnavn {
 color: blue;
}

 

her blir fargen blå fordi det er deffinert sist.

[Arne]

Berre lurar, kva kan då vere poenget med både id og class?

[Steinmann]

Det hender man får bruk for det.

Somregel vil det være mer naturlig å bruke flere klasser da.

[neivoll]

Berre lurar, kva kan då vere poenget med både id og class?

5991407[/snapback]

Det er jo hvis du har en klasse som du bruker på flere elementer, og id for å bestemme ting kun for dette ene elementet i tillegg.

Hensikten med class er jo å bruke på en gruppe("klasse") elementer som skal ha de samme attributtene, id er for å bestemme for et enkelt element.

[Loomy]

id brukes og til å gi elementer et unikt navn som man så kan lage "interne" linker til - ikke bare for CSSens del, altså

[neivoll]

Det har du selvsagt rett i. Er også derfor man ikke skal bruke samme id til flere elementer.

[Magnus Holm]

Hadde ikke IE en bug når man brukte både "id" og "class"?

[RulleRimfrost]

Takker. Da er det sansynlig at "class" gir generelle attributter for input-elementer, men at "id" gir spesielle atributter for akkurat dette elementet, slik at vi slipper inline css.

Det er forresten joomla/Mambo templates. Ganske vanskelig å legge inn egne "hacks" i dette systemet kun med tilgang på IE. Blir ofte overasket når jeg kommer hjem og slår på Firefox...