theoretisch sollte das funktionieren;
wenn mans mal ausführlich(er) schreibt siehts ja so aus:
Code:
div#mainmenu ul.level_1 li.holding li *
Der Wildcard Selektor spricht die kindelemente des li-Tags der 2ten Ebene an,
also ul > li > li > a und ul > li > li > span
das ul.level_2 sollte hier eigentlich nicht von nöten sein ...
Der Komplette Selektionspfad wäre
Code:
div#mainmenu ul.level_1 li.holding ul.level_2 li a,
div#mainmenu ul.level_1 li.holding ul.level_2 li a:hover,
div#mainmenu ul.level_1 li.holding ul.level_2 li span { ... }
ich hab das hier mal fix lokal nachgebaut und es funzt ...
hat das li der 2ten Ebene bei Dir auch die Klasse .holding?
Vielleicht hier nochmal das CSS und Markup dazu:
Code:
#mainmenu{width:792px;position:absolute;overflow:visible;background-color:#c7e1f2;z-index:999;}
#mainmenu .level_1 .holding a{background: url(images/1.gif) no-repeat 5px;}
#mainmenu .level_1 .holdinga:hover{background: url(images/1_on.gif) no-repeat 5px;}
#mainmenu .level_1 a,#mainmenu .level_1 span{display:block;padding-left:20px;font-weight:bold;text-decoration:none;color:#313131;}
#mainmenu p{margin:0;padding:0;}
#mainmenu ul{margin:0;padding:0;list-style-type:none;}
#mainmenu .level_1 li{width:150px;}
#mainmenu .level_2 li{width:180px;line-height:19px;}
#mainmenu .level_2 li a{font-weight:normal;color:#313131 !important;}
#mainmenu li{position:relative;float:left;background-color:#c7e1f2;border-bottom:1px solid #ffffff;line-height:26px;}
#mainmenu li ul{left:0px;right:0px;top:27px;position:absolute;display:none;}
#mainmenu li:hover ul,#mainmenu li.sfhover ul{display:block;}
#mainmenu li:hover,#mainmenu li.sfhover{background-color:#F46F21;}
#mainmenu .level_1 li:hover a,#mainmenu .level_1 li.sfhover a{color:#fff;}
#mainmenu .level_2 li:hover a,#mainmenu .level_2 li.sfhover a{font-weight:normal;color:#fff !important;}
#mainmenu .level_1 .holding li *,
#mainmenu .level_1 .holding li *:hover {
background-image: none;
color: aqua;
border: 1px solid blue;
}
Code:
!-- indexer::stop -->
<div class="mod_navigation block" id="mainmenu">
<a href="#skipNavigation1" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class="active first"><span class="active first">Home</span></li>
<li class="submenu holding"><a href="index.php/seite-1.html" title="Seite 1" class="submenu holding" onclick="this.blur();">Seite 1</a>
<ul class="level_2">
<li class="holding first last"><a href="index.php/seite-11.html" title="Seite 1.1" class="holding first last" onclick="this.blur();">Seite 1.1</a></li>
</ul>
</li>
<li class="Klasse_2"><a href="index.php/seite-2.html" title="Seite 2" class="Klasse_2" onclick="this.blur();">Seite 2</a></li>
<li class="last"><a href="index.php/seite-3.html" title="Seite 3" class="last" onclick="this.blur();">Seite 3</a></li>
</ul>
<a name="skipNavigation1" id="skipNavigation1" class="invisible"> </a>
</div>
<!-- indexer::continue -->
Lesezeichen