带有链接的 Css 样式优先级

Question

我有一个 <div>有一个给它蓝色的类，但蓝色没有出现。我不明白为什么？

• 这是因为 a 优先于 blue 类吗？我试过:.blue{}因为它更具体，所以它应该获胜，这是错误的吗？
• 如果我删除“Some link”，它就会起作用。为什么？我没有看到关系

这里是要检查的例子:

a {
    outline:0;
    text-decoration:none;
}
a:link, a:visited {
    color:black;
}
a:hover {
    color:black;
    text-decoration: none;
}
.blue {
    color:blue;
}

<p>Some text, some text</p>
<p>
    <a href="http://apple.com"> Some link </a>
<p>
<a href="next.php">
    <div class="blue"> This text should be blue </div>
</a>

JSFiddle

Answer 1

您只需要关闭您的 <p>标签:

<p><a href="http://apple.com"> Some link </a></p>