风格只有一个锚链接类应用于李

WordPress正在向我的侧边菜单中环绕我锚链接的<li>应用“current_page_item”类。我只想粗体显示当前的页面项目。

我有嵌套像这样一些子菜单：

<ul class="menu"> 
    <li class="current_page_item"> 
     <a>Please bold</a> 
     <ul class="sub-menu"> 
      <li><a>Pleas DO NOT bold</a></li> 
      <li><a>Pleas DO NOT bold</a></li> 
      <li><a>Pleas DO NOT bold</a></li> 
     </ul> 
    </li> 
</ul>

我只是不能得到1个链接到大胆，它加粗每个子链接也。

ul.menu li.current_page_item:first-child {font-weight:bold}

我需要什么CSS？如果这个班级在锚链上，这很简单，但我不能让我的脑袋知道如何去做。

来源

2015-02-09 James Wilson

您的标记是错误。请先纠正它，然后再应用 – 2015-02-09 12:36:09

你可以这样来做：

ul.menu li.current_page_item > a:first-child {font-weight:bold}

这将大胆的a标签直接ul.menu li.current_page_item下，不管你有多少直接a标签都有其下。

工作代码段：

ul.menu li.current_page_item > a:first-child {font-weight:bold}

<ul class="menu"> 
 
    <li class="current_page_item"> 
 
     <a>Please bold</a> 
 
     <ul class="sub-menu"> 
 
      <li><a>Pleas DO NOT bold</a> 
 
      <li><a>Pleas DO NOT bold</a> 
 
      <li><a>Pleas DO NOT bold</a> 
 
     </ul> 
 
    </li> 
 
</ul>

来源

2015-02-09 12:30:18

是的这个作品谢谢你！ – 2015-02-09 12:33:29

@JamesWilson我很高兴它帮助你。 :)请注册并将此答案标记为已接受。 – 2015-02-09 12:34:04

你应该使用a:first-child这样

.menu li.current_page_item a:first-child{ 
    font-weight:bold; 
}

WORKING DEMO

注意

所有

贵丽在标记不封闭，所以使用

<ul class="menu"> 
    <li class="current_page_item"> <a>Please bold</a></li> 
     <li> 
      <ul class="sub-menu"> 
       <li><a>Pleas DO NOT bold</a></li> 
       <li><a>Pleas DO NOT bold</a></li> 
       <li><a>Pleas DO NOT bold</a></li> 
      </ul> 
     </li> 
</ul>

来源

2015-02-09 12:28:26

对不起萨杰德，这没有什么大胆的。其他解决方案工作，但谢谢你的尝试 – 2015-02-09 12:33:56

@JamesWilson：这是因为你的标记是错误的..！请检查你的标记 – 2015-02-09 12:35:21

授予我输入的例子不正确，但是CSS没有在我的WordPress网站上工作，所以我不知道为什么。小提琴看起来不错，但再次感谢您的帮助。 – 2015-02-09 12:44:58

如果你想支持旧的浏览器为好，这样做

.current_page_item>a{ 
        font-weight:bold 
        }

这将选择的直接子.current_page_item，这是锚，并使其大胆。这是比第一个孩子更好的方法，因为第一个孩子在旧版浏览器中不受支持。 Demo

注意：如果你想使所有这些都是.current_page_item直接孩子，否则锚如果你只是想第一个要大胆使用

ul.menu li.current_page_item > a:first-child {font-weight:bold}

正如解释使用rahul。但仍然如果你有多个锚，你需要使他们粗体，你会最终使用first-child, nth-child, last-child,etc我会建议使用一个类来使元素粗体（有些东西像class='bold'），或者如上所示

来源

2015-02-09 12:32:19

风格只有一个锚链接类应用于李

回答

相关问题