Question

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

这是因为优先于班级蓝色吗？我试过：.blue{}，因为它更具体，它应该赢，这是错的吗？
如果我删除＆＃34;某些链接＆＃34;然后它工作。为什么？我没有看到关系

以下是检查的示例：

＆＃13;

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

＆＃13;

<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>

＆＃13;

JSFiddle

Answer 1

您只需要关闭<p>标记：

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

Answer 2

尝试以下方法：

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">
<span class="blue"> This text should be blue </span>
</a>

Chrome正在更正您的代码并将div放在标记之外的蓝色类中，因为它是一个块元素，而a则不是。

注意：格式错误的p标签解决了它

带链接的Css样式优先级

2 个答案: