Vererbung auflösen

[Froschpopo]

Ich habe folgendes:

<ul id="example">
   <li>Text 1</li>
   <ul>
      <li>Text 2</li>
   </ul>
</ul>

Der Stylesheet dazu sieht folgendermaßen aus:

#example ul li {
   background-color: #000;
}

leider wird diese Eigenschaft auch an "#example ul li li", also TExt 2 weitervererbt.
Kann man eine Vererbung ab einer bestimmten "Schicht" auflösen ohne hierbei weitere Klassen/ID's definieren zu müssen?
Ist mehr oder weniger nur eine Interessensfrage.

[Jeena Paradies]

Hallo,

<ul id="example">
   <li>Text 1</li>
   <ul>
      <li>Text 2</li>
   </ul>
</ul>

#example ul li {
   background-color: #000;
}

leider wird diese Eigenschaft auch an "#example ul li li", also TExt 2 weitervererbt.
Kann man eine Vererbung ab einer bestimmten "Schicht" auflösen ohne hierbei weitere Klassen/ID's definieren zu müssen?

Jein, d.h. man kann sie überschreiben, aber nicht auflösen.

#example ul li li { background-color: #fff; }
Damit werden alle <li>s, die in #example sind ab 2. Ebene mit schwarzem Hintergrund hinterlegt. also auch #example ul li li li usw.

Grüße
Jeena Paradies

[afra]

Hallo Frosch*!

<ul id="example">
   <li>Text 1</li>
   <ul>
      <li>Text 2</li>
   </ul>
</ul>

Jeena hat Dir ja schon die Antwort gegeben.

Die Schachtelung Deiner Liste ist aber falsch. Richtig wäre es so:

<ul id="example">
    <li>Text 1
        <ul>
            <li>Text 2</li>
        </ul>
    </li>
</ul>

UL dürfen kein direkt folgendes UL besitzen.

Schönen Gruß

Afra

[Struppi]

Ich habe folgendes:

<ul id="example">
   <li>Text 1</li>
   <ul>
      <li>Text 2</li>
   </ul>
</ul>

Der Stylesheet dazu sieht folgendermaßen aus:

#example ul li {
   background-color: #000;
}

leider wird diese Eigenschaft auch an "#example ul li li", also TExt 2 weitervererbt.
Kann man eine Vererbung ab einer bestimmten "Schicht" auflösen ohne hierbei weitere Klassen/ID's definieren zu müssen?

Ja.

#example li > ul
{
   background-color: #000;
   color:#fff;
}

Struppi.

[Conny]

Hi,

#example li > ul
{
   background-color: #000;
   color:#fff;
}

Gibt es irgendwo eine Anleitung ganz allegemein zu dieser Schreibweise mit den >? Die Durchblicke ich nämlich noch nicht.

Conny

[wahsaga]

hi,

#example li > ul

Gibt es irgendwo eine Anleitung ganz allegemein zu dieser Schreibweise mit den >? Die Durchblicke ich nämlich noch nicht.

CSS 2.1 Selectors
CSS 2 Selektoren (deutsch)

gruß,
wahsaga

[Conny]

CSS 2.1 Selectors
CSS 2 Selektoren (deutsch)

Super, danke.

Conny