使用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下的第三个标记的颜色。 该怎么办？

Answer 1

尝试使用此代码：

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

或者简单地说：

.three {

color:red;

}

---

DEMO：JSFIDDLE

Answer 2

如果您的第三个div已应用.three类，请使用

.three a {
    color: ...
}

Answer 3

试试这个：

div+div+div a:hover{color:green;}