我如何參考我在CSS中的所有<a>標籤？

我想讓它使我的所有標籤在我訪問它們後或者我將鼠標懸停在屏幕上時都顯示在屏幕上。我把所有的div都封裝在一個包裝中，並試圖引用它們，但它似乎並不奏效。我真的不需要包裝，如果我可以用一個：hover來引用所有東西...那就沒問題。我如何參考我在CSS中的所有<a>標籤？

這裏是我的HTML

<div id="wrapper"> 
<div id="settings_button"> 
<span class="settings_text"> 
Settings 
</span> 
</div> 
<div id="posts_button"> 
<span class="one_bar_text"> 
Posts 
</span> 
</div> 

<a href="#" alt="posts"> 
<div id="posts_button_dark"> 
<span class="one_bar_text"> 
Posts 
</span> 
</div> 
</a> 
<div id="profile_button"> 
<span class="one_bar_text"> 
Profile 
</span> 
</div> 
<div id="profile_button_dark"> 
<span class="one_bar_text"> 
Profile 
</span> 
</div> 
</div>

下面是我的CSS

#wrapper a:link { 
    color: none; 
    text-transform: none; 
} 
#wrapper a:visited { 
    color: none; 
} 
#wrapper a:hover { 
    color: none; 
    text-transform: none; 
}

我會做我的大部分的div爲鏈接，我只是還沒有。我想，以避免引用我的CSS頁面上的每個div的標籤

，所以我改變了我的CSS這個

a:link { 
    color: none; 
    text-transform: none; 
} 
a:visited { 
    color: none; 
} 
a:hover { 
    color: none; 
    text-transform: none; 
}

但是鏈路仍然被上懸停

來源

2012-02-01 noWayhome

你應該強調使用鏈接或按鈕，而不是<divs>。

如果你決定去與當前的標記：（！嚴重的是，不使用的div）

div[id*=button] { 
    ... 
}

如果您決定醒酒

只是a或button會做。

a { 
    color: red; 
}

將爲紅色的所有鏈接着色。

請注意，它會捕獲所有鏈接，如在內容區域，導航，頁腳中。到處。

來源

2012-02-01 20:14:43

是的，先生，好點。 – IsisCode 2012-02-01 20:15:53

如果您需要使用僞類匹配其他規則的特異性，並且您沒有任何''沒有'href'的錨，請改爲使用'a：link，a：visited'。 – BoltClock 2012-02-01 20:16:44

so a：hover {color：none; text-transform：none;}應該阻止它被強調？當我徘徊在它 – noWayhome 2012-02-01 20:17:40

a{ 
    color:#fff; 
}

這是你的意思嗎？

來源

2012-02-01 20:15:02 IsisCode

只需使用一個

一：鏈接{ 顏色：無; text-transform：none; }

a：visited { color：none; }

a：hover { color：none; text-transform：none; }

來源

2012-02-01 20:18:23

a { 
    color: black; 
    text-decoration: none; 
}

這是非常值得懷疑的，只是它是你問的問題。您不需要任何奇特的選擇器，因爲任何適用於元素的頁面樣式表中的設置都將覆蓋瀏覽器默認值。

你只需要設置一個明確的顏色（或使用inherit，但IE不支持它），並且爲了殺死下劃線，你需要設置text-decoration而不是text-transform。

來源

2012-02-01 20:21:36

我如何參考我在CSS中的所有<a>標籤？

回答

相關問題