přebíjená

Čaj, prosím vás o pomoc s css. Mějme následující situaci

<div id="Obal">

<p>Odstavec obalu</p>



<div class="Obsah">

<p>Odstavec obsahu</p>

</div>

</div>

a tyto css:

div#Obal p {color:black}
div.Obsah p {color:red}

Odstavec obsahu by měl být takto červený, ale bude černý, protože ho přebije definice odstavce v divu Obal. Šlo by nějak zapsat ty definice tak, aby se odstavci v divu Obsah nemusela přidávat extra třída? Třeba zápisem p.Obsah atp.

Předem děkuju za odpověď, pěkný den

Takhle by to právě šlo, díky. Ale řeším problém s tím, že budu tisíckrát opisovat ten obalovací prvek, protože pro definici odkazů, odstavců, nadpisů je toho moc. Ale asi to je jediné řešení.

Nechal bych tomu Obsahu id, což by bylo pro zápis v css jednodušší, ale potřebuji class protože se na stránce opakuje. Nu což.

Ještě jednou díky, čaj