CSS：第一个孩子的选择器

为什么两个链接都会在这个设置中变得粗体？CSS：第一个孩子的选择器

我希望只有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>

来源

2012-07-20 Joseph

删除'。'在你的ul之前 – 2012-07-20 19:34:08

用途：

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

jsFiddle example

的>指的是直系孩子。因此，尽管您的规则适用于任何小孩的主播，但上述规则仅适用于ul li.current的直系子女。请注意，您也可以放弃:first-child部分，具体取决于您希望链接格式化的方式。

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

来源

2012-07-20 19:28:43 j08691

是的;这两个锚定标签都是他们自己情况下的“第一个孩子”。 – 2012-07-20 19:31:17

如果网站不是那种动态的，你可能可以通过将style="font-weight:bold"添加到你想要的粗体的<a>标签中。这也可以让你随时随地创建任何你喜欢的链接。尽管它在样式表之外。

来源

2012-07-20 19:33:13 Blieque

CSS：第一个孩子的选择器

回答

相关问题