CSS：第一个孩子的选择器

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>标签中。这也可以让你随时随地创建任何你喜欢的链接。尽管它在样式表之外。