✔ Problem bei Vererbung von Attributen bei Selektoren

Status
Nicht offen für weitere Antworten.
Jan-Frederik Stieler

Jan-Frederik Stieler

Monsterator
Moderator
Hi,
hab mal versucht für eine Liste Selektoren so aufzubauen das ich gewisse Attribute auch für andere Listen verwenden kann (Vererbung). Nur das Funktioniert nicht so ganz.
Was mache ich den Falsch?

Code: 
ul {list-style-type:none;}
#nav ul {line-height:50px;}
#nav li{background:#C0C0C0; color:inherit;}
HTML: 
<ul id="nav">
   <li><a href="#" alt="" title="">Der Altbau</a></li>
   <li><a href="#" alt="" title="">Die Jungstub</a></li>
   <li><a href="#" alt="" title="">Räume</a></li>
   <li><a href="#" alt="" title="">Die Kurse</a></li>
</ul>
</div>

Viele Grüße
 
Wie willst du denn die beiden Selektoren #nav ul und #nav li auf andere Listen anwenden, wenn in dem Dokument die ID #nav eindeutig ist, d.h. darin nur einmal vorkommen darf?
 
Hallo,
nein ich will nur den Selektor UL noch auf eine andere Liste anwenden. Die #Nav Selektoren solle nur bei der Liste nav verwendet werden.
Eigentlich ging es mir darum das mal Auszubrobieren. ich hab das so bei dem Suckerfish Dropdown Menü gesehen.

Gruß
 
Der Typselektor ul gilt doch für alle Listenelemente in einem Dokument und wird von den Browsern auf alle ul-Elemente im Dokumentbaum angewendet. Von daher verstehe ich nicht, wo das Problem liegt.
 
Dein Stylesheet funktioniert bei mir soweit einwandfrei. In deinem gezeigten HTML-Code fehlt blos noch eine verschachtelte Liste, damit der Nachfahren-Selektor #nav ul greifen kann.

Diesen Quellcode habe ich in allen mir zur Verfügung stehenden Browsern erfolgreich getestet:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
ul {list-style-type:none;}
#nav {background:#c0c0c0;}
#nav ul {line-height:50px;background:#ffff00;}
#nav li {border-bottom:1px solid #000;}
#nav li ul li {border-bottom:none;}
-->
</style>

</head>
<body>

<ul id="nav">
   <li><a href="#" alt="" title="">Der Altbau</a>
          <ul>
              <li><a href="#" alt="" title="">wird saniert</a></li>
          </ul>
   </li>
   <li><a href="#" alt="" title="">Die Jungstub</a></li>
   <li><a href="#" alt="" title="">Räume</a></li>
   <li><a href="#" alt="" title="">Die Kurse</a></li>
</ul>

</body>
</html>
 
Ich hab grad rausgefunden warum das nicht so funktioniert hatt wie ich wollte. Der Fehler lag hier:

Code: 
ul {list-style-type:none;}
ul#nav {line-height:50px;}
li#nav{background:#C0C0C0; color:inherit;}

Somit hatt das aber auch nichts mehr mit dem Suckerfish Dropdown zu tun was ich als Beispiel herrangezogen hatte. Hab da wohl was in meinem Kopf durch einander geworfen :) .

Gruß
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück