Nur Sub-Sub-Pages ansprechen.

Hallo, Leute.

Eigentlich ist CSS nicht das, was mir Schwierigkeiten bereitet aber im Moment stehe ich wirklich auf dem Schlauch :D

Ich arbeite grade an einem umfangreichen Theme für WordPress. Es gibt Pages, Sub-Pages und Sub-Sub-Pages. Die Pages liste ich in einer horizontalen Navigation im Seitenkopf - funktioniert. Die Sub-Pages und die Sub-Sub-Pages werden vertikal in der linken Spalte untergebracht, ganz klassisch also.

Nun möchte ich das ganze so einrichten, dass wenn ich auf eine Sub-Page klicke, die Sub-Sub-Pages erscheinen (nicht das Problem, funktioniert ja automatisch) und in einem etwas helleren Farbton hervorgehoben werden. Wenn Sie aktiv sind, sollen sie wieder anders hervorgehoben werden (das müsste ja dann wieder über .current_page_item gehen).

Meine Syntax sieht jetzt so aus:

<div id="sub-navigation">
   <li class="page_item page-item-123"><a href="#" title="S1">S1</a></li>
   <li class="page_item page-item-22"><a href="#" title="S2">S2</a></li>
   <li class="page_item page-item-172 current_page_item"><a href="#" title="S3">S3</a>
      <ul>
         <li class="page_item page-item-229"><a href="#" title="S3-1">S3-1</a></li>
      </ul>
   </li>
   <li class="page_item page-item-24"><a href="#" title="S4">S4</a></li>
   <li class="page_item page-item-27"><a href="#" title="S5">S5</a></li>
</div>

Wie gesagt, ich stehe auf dem Schlauch. Möchte (in dem Fall) alle Sub-Pages der Sub-Page S3 via ansprechen/gestalten.

Wie kann ich das erreichen?!

Ich habe es probiert mit:

div#sub-navigation li.current_page_item ul li a {
Definitionen
}

Ich hoffe auf eure Hilfe ;)
bneum