netter kerl: h1 h2 h3 ... innerhalb eines DIVs definieren

SELF-Forum

h1 h2 h3 ... innerhalb eines DIVs definieren

netter kerl
– Informationen zu den Bewertungsregeln

Hallo,

leider weiß ich es nicht und finde auch über google nicht so recht die lösung:

ein cms erzeugt mir (und das ist leider nicht so einfach änderbar) folgenden output:

<div class="testa">
 <h3>NEWS</h3>
</div>

nun möchte ich die überschrift im css definieren, sodass sie NUR für dieses div gilt, sonst im body aber die normalen div-defs hat ...

wie ist da der css-code dafür?

besten dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. h1 h2 h3 ... innerhalb eines DIVs definieren

    Bobby
    – Informationen zu den Bewertungsregeln

    Moin

    Du kannst im CSS Elemente verschachteln.

    div.testa h3{}

    im CSS spricht z.B. alle h3-Überschriften in DIV-Boxen mit der Klasse "testa" an.

    Mehr Infos hier

    Versuche bitt eimmer erst im Selfhtml eine Lösung zu finden. Nur ao als Tip am Rande.

    Gruß Bobby

    --
    -> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
    -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
    ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. h1 h2 h3 ... innerhalb eines DIVs definieren

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@Bobby:

      Mehr Infos hier

      Eher hier: <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Formate für verschachtelte HTML-Elemente definieren>

      Und da: [CSS2 §5]

      Live long and prosper,
      Gunnar

      PS: Hier klicken ist kein Link-Text

      --
      Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. h1 h2 h3 ... innerhalb eines DIVs definieren

      guter kerl
      – Informationen zu den Bewertungsregeln

      hallo bobby

      besten dank. klar schau ich immer zuerst mich eine stunde woanders um, bevor ich es wage, in ein forum zu posten :)

      so, das problem ist leider ein etwas komplexerer code

      <div id="leftcolumn">
      <div class="modulesubmenu">
       <div>
        <div>
         <div>
        <h3>NEWS</h3>
                          </div>
        </div>
       </div>

      </div>
      </div>

      geht da auch was? weil so funkt es nicht mit div.modulesubmenu h3 {}

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. h1 h2 h3 ... innerhalb eines DIVs definieren

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@guter kerl:

        so, das problem ist leider ein etwas komplexerer code

        <div id="leftcolumn">
        <div class="modulesubmenu">
        <div>
          <div>
           <div>
          <h3>NEWS</h3>
                            </div>
          </div>
        </div>

        </div>
        </div>

        Wahrhaft ein Problem. Diese div-Suppe ist eher Kot als Code. Die vielen 'div'-Elemente sollen wozu gut sein?

        geht da auch was? weil so funkt es nicht mit div.modulesubmenu h3 {}

        „Funkt nicht“ funkt nicht. Geht da was?

        Wie du inzwischen sicher nachgelesen hast, ist 'div.modulesubmenu h3' ein Selektor für Nachfahren, nicht (nur) für Kinder. Sollte also „funken“.

        Live long and prosper,
        Gunnar

        --
        Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln