ID og Klasser i CSS

[slimboy]

Lurer litt

 

man kan skrive:

#ID{properties}

#ID ul {properties}

#ID li {properties}

 

Her blir vel ul og li underlagt den gitte ID.

 

Men funker dette med Klasser, feks:

.Klasse{properties}

.Klasse ul {properties}

.Klasse li {properties}

 

Ser at det funker sånn nogenlunde i IE, men er dette riktig syntax?

[the_lynx]

Ja

[mikaelandre]

så vidt jeg vet er eneste forskjell på id og class at en id kun kan brukes en gang pr side, mens en klasse kan gjentas så mange ganger du vil. derfor brukes id til side oppsett, #header, #footer osv. mens klasser brukes til resten, som .lysfarge og slikt.

[huf]

så vidt jeg vet er eneste forskjell på id og class at en id kun kan brukes en gang pr side, mens en klasse kan gjentas så mange ganger du vil. derfor brukes id til side oppsett, #header, #footer osv. mens klasser brukes til resten, som .lysfarge og slikt.

Men, det er ikke noe galt i å bruke class til oppsett av sider heller. Funker bra det også. Det er bare opp til hva en selv velger å bruke. Like vanlig med begge deler etter det jeg har lest, selv om mesteparten heller over og bruker id.

[hallgeirl]

Hm.. bra timing på denne posten.

Hadde nettopp tenkt å spørre etter forskjellen på ID og classes i CSS selv på forumet

[Equerm]

Hmm, hva skjer om man bruker samme id navnet på 2 steder da?

[Simon Zimmermann]

Jeg regner med at enten den siste id i html dokumentet fungerer eller så funger ingen. Men det er vel bare å teste hvis du er interessert.

[slimboy]

 

Takker for svar.

 

Grunnen til at jeg spør er at, som nevnt over, er at ID brukes kun engang pr side, mens Klasser kan brukes mange ganger.

Og ettersom jeg driver med en dynamisk løsning, vil jeg kun ha ID'er på rammeverk som header, footer og left-right-center column, og klasser der jeg har 'loops' ol.

[the_lynx]

Hmm, hva skjer om man bruker samme id navnet på 2 steder da?

Det skjer ingenting annet enn at det virker, men siden blir ikke semantisk korrekt og den vil ikke validere.

[mikaelandre]

det virker ikke om du bruker position og slikt....