html - 选择具有 CSS 样式的第三个 div 的链接 (a)

Question

这是我的 html 代码:

<div class="one">
<p><a href="http://www.one.com">one</a></p>
</div>
<div class="two">
<p><a href="http://www.two.com">two</a></p>
</div>
<div class="three">
<p><a href="http://www.three.com">three</a></p>
</div>      

我的问题是我想更改第三个 div 下的 third 标签的颜色。怎么办？

Answer 1

尝试使用这段代码:

body div+div+div a:hover
{
    color:red;
}

或者简单地:

.three {

color:red;

}

---

演示:JSFIDDLE