css - CSS :first-child 选择器

Question

这个设置为什么两个链接都变粗了？

我希望只有 li.current 下方的 a-tag 变粗。

CSS

.ul li.current a:first-child{
    font-weight:bold;
}

html

<ul>
  <li class="current">
    <a href="">This link</a>
      <ul>
        <li>
          <a href="">Not this</a>
        </li>
      </ul>
  </li>
</ul>

Answer 1

利用：

ul li.current > a:first-child{
    font-weight:bold;
}

jsFiddle 示例

the>指的是直系孩子。因此，当您的规则应用于任何作为孩子的锚时，上述规则仅适用于ul li.current. 请注意，您也可以:first-child根据您希望链接的格式删除该部分。

另请注意，在您的代码中.ul，您可能只是想要的位置ul，就像我的示例中一样。

Answer 2

如果网站不是那么动态，您可能可以通过添加您想要加粗style="font-weight:bold"的标签来摆脱困境。<a>这也可以让您随时将您喜欢的任何链接设为粗体。虽然它在样式表之外。