webForumDet fria alternativet

a.minclass:hover olika i FF och IE

HTML & CSS

4 svar · 221 visningar · startad av streetrobban

Medlem sedan jan. 20011 140 inlägg
Frågan#1

Tjenare,

Försöker få olika utseende på mina länkar, och det funkar nästan. Det blir dock fel vid HOVER. Då händer ingenting. Alltså, det funkar i IE, men inte i FF.

a:link {
	text-decoration: none;
	color: #695001;
	font-weight: none;
}

a:visited {
	text-decoration: none;
	color: #695001;
	font-weight: none;
}

a:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: none;
}

a:active {
	text-decoration: none;
	color: #695001;
	font-weight: none;
}

a.hidden {
	text-decoration: none;
	color: #BEB187;
	font-weight: none;
}

a.hidden:hover {
	text-decoration: underline;
	color: #695001;
	font-weight: none;
}

a.hidden:visited {
	text-decoration: none;
	color: #BEB187;
	font-weight: none;
}
Medlem sedan jan. 2000978 inlägg
#2

Visited ska ligga före hover.
http://meyerweb.com/eric/css/link-specificity.html

Medlem sedan jan. 20011 140 inlägg
#3

Tack för hjälpen! :)

Medlem sedan jan. 2000978 inlägg
#4

Minnesregel: "LoVeHAte" (LVHA). ;)
(och focus sist om det används)

Medlem sedan dec. 20042 245 inlägg
#5

Insider skrev:

(och focus sist om det används)

Det beror på vilket resultat man vill ha. :) Om man tex vill att hovereffekten ska gälla även om länken har fokus, så får man lägga :focus före :hover.

257 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)