寫一些CSS的破解,樣式爲:懸停{}有趣的作品,但瀏覽器對待a:hover
不同的完整鏈接VS哈希標籤。:懸停{}優先在壁虎
a, a:active, a:visited { color: #765; text-decoration: none;}
:hover { color: #ff5e99; text-decoration:overline; background: #222}
此代碼,徘徊在<a href='http://what.eva/'></a>
和<a href='#whateva'></a>
表現不同。它們對於webkit和gecko也不同。
有人可以解釋發生了什麼?
-
編輯的說明ON SOLUTION
由@babtek答案我指出了正確的方向,而解決辦法是擴大CSS規則:hover, :visited:hover {...}
他們似乎同樣表現給我。你指的是什麼區別? – deceze 2011-03-12 08:14:37
它看起來像你想要的那樣工作,我也在Opera中測試它。 – sarcastyx 2011-03-12 10:57:43
啊哈......好的,謝謝你們。我不明白爲什麼它似乎很奇怪,但我沒有考慮足夠的訪問.. 感謝您的注意!現在我應該找到一個更好的方法來做到這一點.. – 2011-03-13 15:00:20