wisch
Goto Top

Im CSS-File mehrere Klassen in einer Style-Angabe?

Hallo.

Ich habe ein externes CSS-File und dort einige Klassen definiert
.untermenu { 
           width: 998px; 
           height: 40px;
           margin: 0px; 
           padding: 0px;
           }
           .untermenu ul {
             margin: 0;
             padding: 0;  
             }
           .untermenu ul li {
             display: inline;
             font-size: 13pt;
             list-style-type: none; 
             margin: 0 0 0 10px;
             padding: 0;
             } 
            .untermenu ul li a, .untermenu ul li a:visited { 
              text-decoration: none;
              color: #FFF;
              border-left: 4px solid #FFCC00;
              padding-left: 5px;
              }
            .untermenu ul li a:hover, .untermenu ul li a:active {
              text-decoration: none;
              color: #FFF;
              }              
            .untermenu.current-post a, .current-post, .current-post a {
              text-decoration: none;
              color: #FFCC00;
              font-weight: bold;
              }  

Im HTML-File sieht es dazu dann so aus
<div class="untermenu">
        <ul> 
              <li class="current-post"><a href="http://www.url.de/?p=19&cat=9" rel="bookmark" title="MEDIA">MEDIA</a></li>    
              <li ><a href="http://www.url.de/?p=44&cat=9" rel="bookmark" title="PLAYLIST">PLAYLIST</a></li>    
              <li ><a href="http://www.url.de/?p=68&cat=9" rel="bookmark" title="FOTO / VIDEO">FOTO / VIDEO</a></li>    
              <li ><a href="http://www.url.de/?p=70&cat=9" rel="bookmark" title="DOWNLOADS">DOWNLOADS</a></li>            
        </ul>
</div>	

Mein Problem:
Gemäß der letzten CSS-Definition müßte meiner Meinung nach der "Current-Post" in Gelb (#FFCC00) dargestellt werden, wird aber in weiß angezeigt?
Die "Font-Weight"-Vorgabe zieht er jedoch korrekt, also wird die Klasse zumindest beachtet...

Sieht wer den Fehler?

Danke.

Content-ID: 119822

Url: https://administrator.de/contentid/119822

Ausgedruckt am: 22.11.2024 um 11:11 Uhr

Tbird77
Tbird77 06.07.2009 um 14:37:12 Uhr
Goto Top
Benutze doch mal FireBug .. ein Supertool.. und du wirst auf die Schliche kommen!
.untermenu.current-post a, .current-post, .current-post a {
-->
.untermenu .current-post a {
WiSch
WiSch 06.07.2009 um 14:47:51 Uhr
Goto Top
Cooles Tool, richtig... und ich benutzte es... ;)

Leider hat das Hinzufügen des Leerzeichens nicht geholfen. ;(

eigentlich wäre es ja auch
.untermenu ul li .current-post a

Aber das funktioniert auch nicht.

Noch eine Idee?
Tbird77
Tbird77 06.07.2009 um 14:52:22 Uhr
Goto Top
ohne leerzeichen zwischen li und current-post! Es ist ja die Klasse des Listenelements..
WiSch
WiSch 06.07.2009 um 15:13:30 Uhr
Goto Top
Was ein Leerzeichen doch wieder alles so ausmachen kann...

Warum zum Teufel ich da nicht selber drauf gekommen bin... wieder mal keine Ahnung.

DAS WAR ES!

Danke.