id.klass.. Hur fungerar det??

Först och främst, du bör inte använda samma id på flera element. Följande kod fungerade för mig:

<style type="text/css">

.div1 .p1{color: red;}

</style>

<div class="div1">
Div1:
<p class="p1">p1</p>
<p class="p2">p2</p>
<p class="p1">p1</p>
<p class="p2">p2</p>

</div>

<div class="div2">
Div2:
<p class="p1">p1</p>
<p class="p2">p2</p>
<p class="p1">p1</p>
<p class="p2">p2</p>

</div>

Vill du specificera mer kan du även lägga till taggnamn:

<style type="text/css">

div.div1 p.p1{color: red;}

</style>

<div class="div1">
div med class="div1":
<p class="p1">p1</p>
<p class="p2">p2</p>
<p class="p1">p1</p>
<p class="p2">p2</p>

</div>

<p class="div1">
p med class="div1":
<p class="p1">p1</p>
<p class="p2">p2</p>
<p class="p1">p1</p>
<p class="p2">p2</p>

</div>

Hmm...

Skillnaden mellan #div1.p1 och #div1 .p1 är att:
#div1.p1 gäller för en

<div id="div1" class="p1">...</div>

medan
#div1 .p1 (med mellanslaget) gäller för

<div id="div1"><div class="p1">...</div></div>

eller i ditt fall, även för

<div id="div1"><p class="p1">...</p></div>

(sättet du skriver på gör att klasserna inte binds till något visst element, hade du skrivit t.ex. #div1 p.p1 hade det inte gällt för "div-div"-exemplet medan det gällt för "div-p"-exemplet ovan).

Sedan är, som Nitro påpekar, grundskillnaden mellan class och id att class="whatever" får förekomma på hur många element samtidigt, medan id="something" bara får finnas på exakt ett element i ett och samma dokument... Alltså id= får förekomma i flera, men du måste använda olika värden för varje id= du anänder i ett och samma dokument

När du sedan börjar kombinera olika "selektorer" med mellanslag sådär, inträder automatiskt att olika sätt att skriva dem på "skriver över" andra enligt ett visst regelverk (kallas "specificitet")... Läs mer om detta i t.ex. http://www.stuffandnonsense.co.uk/archives/code/
. :bire

Man tackar nitro2k01 & jarvklo!! Nu förstår jag precis. :bire :bire :bire