如果我有一個<div>
,我可以控制它的顏色是這樣的:禁用HTML鏈接懸停顏色
<div class="good">Hello</div>
.good { color: green; }
我想要做的鏈接同樣的事情,就像這樣:
<a href="...", class="good">Hello</a>
.good { color: green; }
我即使發生鼠標懸停時,也希望鏈接爲綠色,如<div>
。我知道我能做到這一點:
.good:hover { color: green; }
但這意味着我要記得補充的是,可以應用到<a>
元素的每一個類。有沒有簡單的方法來禁用懸停顏色變化爲<a>
?我想是這樣的:
a:hover { color: do-not-change; }
或:
a:hover { color: inherit-from-non-hover; }
更新 我忘了提,我沒有設置全局a
和a:hover
重寫瀏覽器的默認:
a, a:hover { color: black; text-decoration: none; }
這是因爲我不知道如何禁用懸停顏色。理想的情況是什麼,我想要的是:
a { color: black; }
a:hover { color: <some way to tell it to not change>; }
.good { color: green; }
然後<a>
是黑色的,懸停或沒有。並且<a class="good">
是綠色的,懸停與否。
即使在徘徊時仍然保持綠色。 http://jsfiddle.net/j08691/eew6rqzw/ – j08691
如果您沒有設置全局懸停狀態(a:hover),那麼您不需要定義.good:懸停,它將與.good 。 – kel