4
Im CSS-File mehrere Klassen in einer Style-Angabe?
Hallo.
Ich habe ein externes CSS-File und dort einige Klassen definiert
Im HTML-File sieht es dazu dann so aus
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.
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.
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 119822
Url: https://administrator.de/forum/im-css-file-mehrere-klassen-in-einer-style-angabe-119822.html
Ausgedruckt am: 31.12.2024 um 17:12 Uhr
4 Kommentare
Neuester Kommentar
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 {
.untermenu.current-post a, .current-post, .current-post a {
-->
.untermenu .current-post a {
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?
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?
ohne leerzeichen zwischen li und current-post! Es ist ja die Klasse des Listenelements..
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.
Warum zum Teufel ich da nicht selber drauf gekommen bin... wieder mal keine Ahnung.
DAS WAR ES!
Danke.
