current-cat mit children Ketgorien, falsch gefärbt/gehighlighted

[gbennyb]

Mein Parent2 ist rot (#c00000) eingefaerbt wenn es als 'current-cat' ausgewiesen wird, faerbt dann allerdings auch die Children immer rot ein, was ich aber nicht moechte, es soll nur immer ein Punkt rot/gehighlighted erscheinen. Kann ich das umgehen, ohne z.B. die UL von den Children umzubennnen in <ul class="children">, wenn moeglich wuerde ich solche Spezialfaelle naemlich vermeiden wollen.

-----------
Ich habe folgenden HTML-Code:
-----------

<div id="sidebar">
 <ul>
  <li><a href="parent1.html">Parent 1</a></li>
  <li class="current-cat"><a href="parent2.html">Parent 2</a>
   <ul>
    <li><a href="child1.html">Child 1</a></li>
    <li><a href="child2.html">Child 2</a></li>
    <li><a href="child3.html">Child 3</a></li>
   </ul>
  </li>
  <li><a href="parent1.html">Parent 1</a></li>
 </ul>
</div>

-----------
Dazu habe ich folgendes CSS gestrikt:
-----------

/********************* Sidebar Typography & Colors */

#sidebar ul {
 margin 0;
 padding: 0 0 0 0px;
 list-style: none;
 }

#sidebar ul li {
 display: block;
 margin 0;
 padding: 0 0 16px 0;
 }

#sidebar ul li a {
 color: #000000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

#sidebar ul li a:hover {
 color: #c00000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

#sidebar ul li.current-cat a {
 color: #c00000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

#sidebar ul ul li {
 display: block;
 margin 0;
 padding: 0 0 0 16px;
 }

#sidebar ul ul li a {
 color: #000000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

#sidebar ul ul li a:hover {
 color: #c00000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

#sidebar ul ul li.current-cat a {
 color: #c00000;
 font-weight: bold;
 letter-spacing: 0em;
 text-decoration: none;
 }

/********************* END Sidebar Typography & Colors */

[Cheatah]

Hi,

Mein Parent2 ist rot (#c00000) eingefaerbt wenn es als 'current-cat' ausgewiesen wird, faerbt dann allerdings auch die Children immer rot ein,

Du solltest Dich mit Genealogie beschäftigen. So lernst Du, Kinder von Urenkeln zu unterscheiden.

Kann ich das umgehen, ohne z.B. die UL von den Children umzubennnen in <ul class="children">, wenn moeglich wuerde ich solche Spezialfaelle naemlich vermeiden wollen.

Entweder gewinnst Du die Erkenntnis, dass *nur* der eine Link, den Du einfärben willst, ein Kind des betreffenden <li> ist, alle anderen Links jdoch Nachfahren, und benutzt statt des Nachfahren- den Kindselektor. Oder Du verzichtest auf den Kindselektor, um auch in antiken Browsern wie dem IE 6 für die gewünschte Darstellung zu sorgen, und verstehst, dass Enkel (und Urenkel) Nachfahren von Nachfahren sind. Es gibt dabei keinen Grund, weitere Klassifizierungen einzuführen; die letztgenannten Nachfahren unterscheiden sich schon im Namen von allen Links.

Cheatah