Frage zur Schreibweise

[guenter72]

Hallo!
Habe hier ein CSS Stylesheet.

body {
   font-family: serif;
   background-color: #fff;
   color: #000;
   padding: 0;
   border: 1px solid transparent;
   margin: 0;
   }

P {
   margin: 0.7em 1em;
   }

DIV.shadow {
   float: left;
   background-color: #666;
   padding: 0;
   margin: 0.7em 1em;
   }

DIV.shadow IMG {
   }

#code {
   background-color: #eee;
   color: #333;
   padding: 1em;
   border-top: 1px dashed #ccc;
   margin: 0;
   }

Das HTML für Grafik und Schatten:

<div class="shadow">
<img src="../../graphics/shadowdemo1.jpg" width="225" height="169" alt="" />
</div>

Meine Frage ist: Was ist der Unterschied ist, wenn man statt „DIV.shadow“ nur „.shadow“ schreibt und was macht das „DIV.shadow IMG { … }“ anschliesend?

Ich hätte gerne gewusst was diese Schreibweise bewirkt bzw ob sie überhaupt einen Unterschied zu .shadow macht. Vielleicht kann mir ja jemand einen Link zu einer Seite geben, wo das erklärt ist.

Danke und lg.

 

[Gumbo]

Der Unterschied zwischen den beiden Selektoren „DIV.shadow“ und „.shadow“ ist neben der unterschiedlichen Spezifität vor allem die Semantik. Denn letzterer trifft auf alle Elemente der Klasse „shadow“ zu und nicht nur auf div-Elemente. Eine alternative Schreibweise wäre also „*.shadow“.