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 */