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支持相邻兄弟选择的相同的问题。