Question

我试图输出一些具有特定悬停/活动/链接属性的链接：

＆＃13;

<div id="links" class="right" style="margin-right:65px">
  <ul class="nobull" style="margin:0">
    <li><a href="http://com">This link</a>
    </li>
  </ul>
</div>

＆＃13;

IR component

＆＃13;

链接属性并非如此。某处语法错误？我无法弄清楚。

Answer 1

使用a#links，您可以为所有带有ID链接的人提供样式，但是您希望div中的所有内容都带有ID“链接”，因此您必须使用#links a：

#links a:link{
 color:red;
 text-decoration:none}
#links a:visited{
 color:goldenrod;
 text-decoration:none}
#links a:hover{
 color:maroon;
 text-decoration:none;
 font-variant:small-caps}

<div id="links" class="right" style="margin-right:65px">
 <ul class="nobull" style="margin:0">
  <li><a href="http://com">This link</a></li>
 </ul></div>

Answer 2

a#links选择一个不具有链接ID的锚点。您希望#links a选择具有链接ID的div后代的锚点。

＆＃13;

#links a:link {
  color: red;
  text-decoration: none
}
#links a:visited {
  color: goldenrod;
  text-decoration: none
}
#links a:hover {
  color: maroon;
  text-decoration: none;
  font-variant: small-caps
}

＆＃13;

<div id="links" class="right" style="margin-right:65px">
  <ul class="nobull" style="margin:0">
    <li><a href="http://com">This link</a>
    </li>
  </ul>
</div>

＆＃13;

Answer 3

没有错误，但是您的代码中存在错误。

通过在CSS文件中声明a#links，它将查找附加了ID a的{{1}}标记。因此，您需要将links添加到id="links"标记，而不是像父素a标记一样。

或者，我会做的是定位具有ID的div，并将div标记作为CSS规则中的选择器。

带有id和css的标签

3 个答案: