Question

虽然我知道这个的语法，但我受到了阻碍。

我读了CSS a href styling并认为我做对了。

要设置这些链接的样式：

<div id="anchorbox">
  <div class="anchors">
    <a href="#fre">FREE PEOPLE of COLOR</a><br />
    <a href="#sur">SURVEYORS’ MEASURE</a>
  </div>
</div>

我试过了

.anchors a:link, .anchors a:active, .anchors a:visted, .anchors a:hover {
  text-decoration:none !important;
}

我试过

DIV.anchors a:link, DIV.anchors a:active, DIV.anchors a:visted, DIV.anchors a:hover{
  text-decoration:none !important;
}

但都没有奏效。

正确的语法是什么？

Answer 1

.anchors a {
...
}

应该有效。我认为你有问题，因为活动，访问和悬停的顺序很重要。

我也在这里工作 http://jsfiddle.net/BZETE/

Answer 2

似乎没问题，只需从:link删除a:link部分。

Answer 3

他们需要进入specific order并且您错误拼错了a:visited。

原因是所有主要浏览器和特殊原因都具有一致性 - reference

试试这个

.anchors a:link, .anchors a:visited, .anchors a:hover, .anchors a:active  {
  text-decoration:none !important;
}

或@Amir Raminfar建议如何

.anchors a {property:value }

Answer 4

你的造型应该有效;我完全测试了，只测试了你提供的内容并且它的样式正确。这意味着您的问题很可能不在级联中，而在于特异性。正在应用其他一些样式，因为它的情况比上面的更具体。

尝试：div#anchorbox div.anchors a:(state){...}并查看添加的特异性是否可以解决问题;如果确实如此，你可以重构为抽象。

根据封闭DIV的类来设置链接的样式

4 个答案: