Brauche Hilfe bei Menü-Formatierung

dabizi

In meiner Wordpress-Website habe ich ein kleines Formatierungsproblem im Menü:

Wenn man im Hauptmenü (blauer Balken) eine der Elternseiten anklickt, wird die aktive Seite jeweils hellblau hervorgehoben. Das ist so gewollt, das Problem Nr. 1 ist jedoch, dass auch die Unterseiten dieser Elternseite (z.B. bei "Angebot für Kinder") im Menü hellblau hervorgehoben werden. Wie verhindere ich das?

Problem Nr. 2: Ist eine Unterseite aktiv (z.B. "Angebot für Kinder &gt; Chinesischkurse"), dann wird das entsprechende Menü-Item hellblau hinterlegt. Das ist so in Ordnung, jedoch sollte nun auch die Elternseite im Hauptmenü (hier: "Angebot für Kinder") hellblau hinterlegt sein, damit man sich besser zurecht findet. Wie bekomme ich das hin?

Was ich bis jetzt an Custom CSS eingebaut habe:

CSS

.menu .current-cat a, .current_page_item a, .menu .current-menu-item a {
  background: #17b9ea !important;
}

Danke für eure Hilfe.

djheke

Mit Nachfahr Slektoren

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nav</title>
<style>
.kat  .kat_nav,
.kat1 .kat_nav1,
.kat2 .kat_nav2 {
 background:#ddd;
}
</style>
</head>
<body>
<nav class="kat kat1">
<ul>
  <li><a href="#">home</a></li>
  <li><a class="kat_nav" href="kat.html">Kategorie</a>
   <ul>
    <li><a class="kat_nav1" href="kat1.html">Kategorie 1.1</a></li>
    <li><a class="kat_nav2" href="kat2.html">Kategorie 1.2</a></li>
   </ul>
</ul>
</nav>
</nav>
</body>
</html>

Alles anzeigen

Hier bleibt Kategorie und Kategorie 1.1 hervorgehoben.

Code

<nav class="kat kat2">

Für Kategorie 1.2

Code

<nav class="kat">

Für Kategorie

Tags