webForumDet fria alternativet

CSS - div.ID eller #ID ?

5 svar · 250 visningar · startad av Wec

WecMedlem sedan mars 20053 inlägg
#1

Har sett att många skriver t.ex. div.header isället för #header i deras stilmall, någon här som känner för att förklara skillnaden mellan dem? (lite svårt att använda google om man inte har ett redigt sökord ; )

NiponMedlem sedan juli 2003270 inlägg
#2

Ja, alltså...

Med div.header skapar du en klass som du knyter till "taggen" div - du kan använda klassen i hur många div-taggar som helst: <div class="header">

Med #header skapar du ett ID som bara kan användas en gång på varje sida - <div id="header"> - och inte nödvändigtvis med taggen div. Vill du knyta den till DIV skriver du: div#header

WecMedlem sedan mars 20053 inlägg
#3

aah, ok, men borde inte div.ettnamn vara saksamma som .ettnamn? eller?.. Whoa, im lost :/

NiponMedlem sedan juli 2003270 inlägg
#4

Jo, på sätt och vis...

Men du kanske har fler "header"- klasser... En för DIV en för P osv.

p.header
div.header

Då kan du ge dem olika egenskaper!

WecMedlem sedan mars 20053 inlägg
#5

Ahaja, Man tackar och bockar för förklaringen :- ) hade suttit o snurrat på den där frågan länge

NiponMedlem sedan juli 2003270 inlägg
#6

Lite tydligare:

Stilmall:

<style type="text/css">
<!--
.header { font-family: Verdana; font-size: 11px; }
div.header { color: blue; }
p.header { color: red; }
-->
</style>

På sidan:

<p class="header">Hejsan!</p>
<div class="header">Hejsan!</div>

Bara färgen ändras och teckensnittet blir som angetts i "header"

Finurligt värre! :p

129 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)