Thortrance: Verständnisproblem bei CSS-Vererbung

Hallo,

ich verstehen diesen Code nicht so richtig:

<html>
<head>
<style>
    div { color:red; }
</style>
</head>
<body>
    <div style="color:blue;">
        Hallo
        <div>
            Welt
        </div>
    </div>
</body>
</html>

Warum wird das "Welt" nicht blau angezeigt? Warum wird es nicht vom übergeordnetetn Div-Container vererbt, sondern von der Angabe im Style-Tag?

Gruß,
Thortrance

  1. <style>
        div { color:red; }
    </style>

    Damit hast du die Schriftfarbe von allen divs auf rot gesetzt.

    <div style="color:blue;">...

    Die style-angabe überschreibt div { color:red; } deswegen ist "hallo" blau

    Warum wird das "Welt" nicht blau angezeigt? Warum wird es nicht vom übergeordnetetn Div-Container vererbt, sondern von der Angabe im Style-Tag?

    Wenn dem div keine bestimmte Klasse zugewiesen wird, ist es natürlich rot.

    Gruß, Bob

    1. Hi,

      Wenn dem div keine bestimmte Klasse zugewiesen wird, ist es natürlich rot.

      was hat das mit Klassen zu tun?

      Es existiert einfach ein Selektor, der dieses Element selektiert. Damit gelten die entsprechenden Deklarationen natürlich für dieses Element. Das Stichwort heißt nicht Vererbung, sondern Kaskade.

      Cheatah

      --
      X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
      X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
      X-Will-Answer-Email: No
      X-Please-Search-Archive-First: Absolutely Yes
      1. Hallo,

        kann man es also nicht so einstellen, dass der untergeordnete Div-Container seine Eigenschaften vom übergeordneten Div-Container erbt, wenn eine globale Einstellung im Style-Tag besteht?

        Gruß,
        Thortrance

        1. Hi,

          kann man es also nicht so einstellen, dass der untergeordnete Div-Container seine Eigenschaften vom übergeordneten Div-Container erbt, wenn eine globale Einstellung im Style-Tag besteht?

          doch, natürlich. Du mußt für diesen Fall halt den Wert inherit angeben, mit einem geeigneten Selektor
          div[style] div
          könnte auf Dein Beispiel passen (funktioniert aber natürlich nicht im IE bis mind. 6.0, da der zu blöd für Attributselektoren ist) ...

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Schreinerei Waechter
          O o ostern ...
          Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.