übergeordnetes <div> definiert Styles?

[Reinhard M.]

Hallo!

Ist folgendes mit CSS realisierbar?:

Ich habe in einem HTML-Dokument mehrere aufeinanderfolgende, logische Bereiche. Jeder dieser Bereiche soll eigene Styles für <p>, Überschriften etc. haben. Soweit ich bisher weiß könnte man dies mit Klassen realisieren, was den Nachteil hat, dass z.B. in einem Bereich zu JEDEM Tag <p>,<h1>.. auch "class=..." notiert werden muß.

Könnte man nicht übergeordnet zu jedem Bereich ein <div class= oder id=> setzen und innerhalb dieses div.Bereichs sind dann alle Styles für Überschriften, <p> etc. definiert?

[Stephan]

Hey!

Du kannst folgendes machen:

<div class="nr1">
 <p>erster text</p>
</div>

<div class="nr2">
 <p>zweiter text</p>
</div>

<style>
.nr1 p { ... } # formatiert "erster Text"
.nr2 p { ... } # formatiert "zweiter Text"
</style>

Gruß
Stephan

[Reinhard M.]

Danke!

Das ist genau die einfache Lösung, die ich gesucht habe.

[Elya]

Hallo Reinhard,

Das ist genau die einfache Lösung, die ich gesucht habe.

Genau so funktioniert CSS ;-)

Man kann sein HTML sehr schlank halten, wenn man geschickt mit id-Selektoren arbeitet, lesenwert dazu z.B. http://css.maxdesign.com.au/selectutorial/

Gruß aus Köln-Ehrenfeld,

Elya

[Candid Dauth]

Heißa, Stephan,

<style>
.nr1 p { ... } # formatiert "erster Text"
.nr2 p { ... } # formatiert "zweiter Text"
</style>

Übrigens: Kommentare in CSS macht man mit /* */.

Gautera!
Grüße aus Biberach Riss,
Candid Dauth