5 svar · 435 visningar · startad av CatZ
.portal
{
background-color: Black;
color: #ffffff;
}
.portal a
{
color: #ffffff;
}
.portal a:link
{
color: #ffffff;
}
.portal a:visited
{
color: #ccc;
}
.portal a:active
{
color: #ffffff;
}
.portal a:hover
{
color: #ffffff;
text-decoration: underline;
}
tvingar inte länkarna det minsta :( bakgrunden sätts till svart men länkfärgen ändras inte. Vad gör jag för fel?
Du har antagligen någon annan CSS-regel som är mer specifik och påverkar dina länkar.
det har du alldeles rätt i men hur specifik måste jag vara?
div.stuff table.gridview td.portal a:link
vill inte vara med heller :(
Vad händer om du skriver td .portal med mellanslag?
CatZ skrev:
det har du alldeles rätt i men hur specifik måste jag vara?
div.stuff table.gridview td.portal a:linkvill inte vara med heller :(
Mer specifik än den andra. För att veta det hjälper det att hitta den andra (lätt att göra med tex Firebug eller Dragonfly). Om den andra selektorn är tex "#foo a:link" så kommer den ha högre specificitet än den ovan (1,1,1 mot 0,4,4).
Tack för tipset om firebug, och här undrade jag varför Yslow inte fungerade :) hade glömt installera firebug ffs ;)