Martin Bauer: abhängie Formatierung

Hallo,

<body>
<div class="aa">
  <h1>Klasse AA</h1>
  Text AA

<div class="bb">
    <h1>Klasse BB</h1>
    Text BB
  </div>

<h1>wieder Klasse AA</h1>
  Text AA
</div>
</body>

Ich möchte die Formatierung -- hier z.B. für <h1> -- in Abhängigkeit von der Klasse formatieren, in der sie sich befindet. Also etwa so: Das erste <h1> soll eine bestimmte Formatierung erhalten, weil es sich innerhalb eines <div> befindet, das zweite <h1> soll anders formatiert werden, da ein anderes <div>.

Grüße, Martin

  1. Hallo Martin,
    nichts einfacher als das. Hier ein kleines Beispiel in dem für jede Klasse h1 anders formatiert wird.

    <style type="text/css"><!--
    .aa h1{color:orange;}
    .bb h1{color:yellow;}
    --></style>

    Gruß, Georg

    Hallo,

    <body>
    <div class="aa">
      <h1>Klasse AA</h1>
      Text AA

    <div class="bb">
        <h1>Klasse BB</h1>
        Text BB
      </div>

    <h1>wieder Klasse AA</h1>
      Text AA
    </div>
    </body>

    Ich möchte die Formatierung -- hier z.B. für <h1> -- in Abhängigkeit von der Klasse formatieren, in der sie sich befindet. Also etwa so: Das erste <h1> soll eine bestimmte Formatierung erhalten, weil es sich innerhalb eines <div> befindet, das zweite <h1> soll anders formatiert werden, da ein anderes <div>.

    Grüße, Martin