Links in verschiedenen divs unterschiedlich themen -> CSS-Problem
Eingetragen von Narretz (10)am 11.04.2010 - 16:33 Uhr in
Hallo,
ich habe ein etwas merkwürdiges Problem mit dem Stylen von Links: Theme ist eine angepasste Version von Zen. Es handelt sich um ein CSS-Problem.
In Html elements habe ich folgendes festgelegt:
a:link,
a:visited
{ text-decoration: none;
border-bottom:1px dotted #333333;
color: #333333;
}
a:hover,
a:focus,
a:active
{ text-decoration: none;
border-bottom:1px dotted #333333;
color: #93A129 ;
}Das erzeugt eine gepunktete Linie unter den Links.
An einigen Orten der Website sollen die Links aber anders aussehen. Bspw. habe ich für die Links in der Navbar folgendes in mytheme.css hinzugefügt:
#primary .links a:link, a:visited {
border-bottom: none;
color:#333333;
text-decoration:none;
}Das entfernt zwar border-bottom im primary div (die Klasse hatte ich noch als zusätzliches Merkmal hinzugefügt). Aber die border-bottom wird ebenfalls an ganz anderen Links entfernt, z.B. an den Node-Teaser Titeln und unter dem Seitenlogo. Außerdem verlieren plötzlich die visited-Links überall auf der Website ihre border-bottom-Formatierung.
Theoretisch ist doch durch #primary .links a:link, a:visited genau festgelegt, wo die Veränderungen stattfinden sollen. Warum verändert sich dann der Style in ganz anderen Containern?
Hat es was mit der Reihenfolge der Einträge in den CSS-Files zu tun? Oder sind meine Selektoren nicht genau genug?
- Anmelden oder Registrieren um Kommentare zu schreiben
Narretz schrieb #primary
am 11.04.2010 - 19:06 Uhr
#primary .links a:link, a:visited {border-bottom: none;
color:#333333;
text-decoration:none;
}
Probiere es mit:
#primary .links a:link, #primary .links a:visited {border-bottom: none;
color:#333333;
text-decoration:none;
}
Du musst nach jedem Komma den vollen Selektor angeben.
Danke, genau daran hat es
am 13.04.2010 - 18:27 Uhr
Danke, genau daran hat es gelegen!