CSS的錨標記上

Question

，如果我有以下幾點：

<div class="linkSet"><a href="#" class="main_link">link one a</a><a href="#" class="sub_link">link one b</a></div> 

如何設置的CSS所以如果我將鼠標懸停在第一個，它改變了兩個錨標籤背景顏色？

Answer 1

.main_link:hover, 
.main_link:hover + .sub_link { 
    background-color: red; 
} 

但是以下幾點：

<a> 
    <span class="main">...</span> 
    <span class="sub">...</span> 
</a> 

會給你：

• 更好的結構（兩個環節去同一個地方是形式普遍較差，因爲有許多相互作用（Tab鍵，屏幕閱讀器等），在那裏他們被視爲單獨的鏈接，即使你的風格，他們不這樣）
• 更好的支持（略舊版本的MSIE不支持+）
• 具有第一個鏈接改變顏色，當第二連桿徘徊（+僅適用於下一個，沒有以前）。

如果鏈接到不同的地方，那麼這是不是真的，但讓他們緊挨着對方，讓他們都有當一個人徘徊懸停效果真的是敵對的用戶，因爲它有力地表明，他們是這樣。

Answer 2

a.main_link:hover, a.sub_link:hover { 
    background-color: red; 
} 

Answer 3

如果你有

<a href="first.html">Link Part A</a> <a href="second.html">Part B</a> 

這個CSS將突出兩當「連接部提供的」懸停，只有當「B部分」懸停第二。

a:hover, a:hover + a { 
    background-color: #fff0f0; 
} 

基本相同，大衛的，但沒有使用類 - 有與舊IE支持相鄰兄弟選擇的相同的問題。