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 example

>指的是直系孩子。因此，当您的规则应用于任何儿童锚时，上述规则仅适用于ul li.current的直接子女。请注意，您也可以删除:first-child部分，具体取决于您希望如何格式化链接。

另请注意，在您的代码中，您有.ul，您可能只需要ul，如我的示例所示。

Answer 2

如果网站不是那么动态，您可以将style="font-weight:bold"添加到您想要加粗的<a>标记中。这也可以让你随时做出任何你喜欢的链接。它虽然在样式表之外。

CSS：第一个孩子选择器

2 个答案: