Syntax zu korrekten Vererbung id + Klasse...

[uliII]

Hi,

wenn bei z.B. drei inneinander verschachtelten div Bereichen das oberste (äußere) div die id="A" hat, und das innerste div die class="rot", -

wie muss die css Syntax aussehen, damit nur das innere div die Eigenschaft der Klasse rot bekommt, - welches innerhalb des äußersten div Bereiches mit der id="A" liegt?

Das "mittlere" div hat eine andere id!

Also z.B.

  
<div id="A">  
   <div id="B">  
       <div class="rot">  
  
       </div>  
   </div>  
</div>  

Also:

#A.rot {}

funktioniert so nicht, weil ".rot" ja innerhalb von dem Bereich mit einer anderen id liegt.

Lässt sich eine css Eigenschaft dbzgl. (also) auch an Bereiche vererben welche innerhalb von Bereichen liegen mit eigener id?

LG

[misterunknown]

Moin,

Lässt sich eine css Eigenschaft dbzgl. (also) auch an Bereiche vererben welche innerhalb von Bereichen liegen mit eigener id?

#A * .rot { border:1px solid red; }

<http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Selfhtml: Formate für verschachtelte Elemente>
Beispiel

Grüße Marco

[suit]

wie muss die css Syntax aussehen, damit nur das innere div die Eigenschaft der Klasse rot bekommt, - welches innerhalb des äußersten div Bereiches mit der id="A" liegt?

Als direkter Nachfahre: #A>.rot (Kind-Kombinator)
Als irgend ein Nachfahre: #A .rot (Nachfahren-Kombinator)
Nur als Nachfahre in 2. Generation: #A>*>.rot (Kind-Kombinator mit Universal-Selektor).

"rot" ist übrigens ein schlechter Klassen-Name - wie wäre es mit "important", "warning" oder etwas sprechendes (je nach Zweck).

[uliII]

Hi,

vielen Dank, werd mir das nochmal genau anschauen... :)!