突出父李当子李

我有一个自动生成所创建的以下的WordPress菜单：突出父李当子李

<li class="page_item page-item-23 page_item_has_children"> 
    <a href="#">Main item 1</a> 
    <ul class="children"> 
     <li class="page_item page-item-52498 current_page_item"> 
      <a href="#">Item 1</a> 
     </li> 
     <li class="page_item page-item-52496"> 
      <a href="#">Item 2</a> 
     </li> 
     <li class="page_item page-item-52477"> 
      <a href="#">Item 3</a> 
     </li> 
    </ul> 
</li>

我想说，当我在第一个子项目，突出主礼。

这是我使用的CSS（理想情况下，这将是更简单，但由于自动生成的菜单这是一个有点凌乱的性质！）：

.page-item-52498.current_page_item li.page-item-23 a { 
    color:white!important; 
    font-family:'Museo Sans W01 500'!important; 
}

在这没有按”瞬间t使第一个li a白色。

来源

2014-02-25 Rob

没有可能单独使用CSS，而不是使用'.page_item_has_children：悬停{color：＃f00;}'并设置活动st的颜色吃了，这样它将应用颜色，即使当你移动子菜单上的光标 –

请参阅这里：http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector – DonJuwe

该CSS选择器不起作用。您不能选择.page-item-23作为.page-item-52498的子项，因为它是标记结构中其他项的容器。

您是否尝试过使用WordPress的body_class函数输出页面ID？然后你可以尝试使用诸如body.page-id-52498 li.page-item-23 a或类似的选择器。

<!-- <head> somewhere above --> 
<body <?php body_class(); ?>> 
<!-- rest of the template somewhere below -->

它应该类似这样输出的东西（当然是一个动态的ID号）：

的body_class功能（在WordPress的header.php模板文件最有可能）使用这样的

<body class="page page-id-112 page-template logged-in admin-bar">

每当您使用body_class并输出您在我上面写的CSS选择器中声明的特定页面ID时，它会生效（遵循标准的级联规则当然）。

来源

2014-02-25 14:16:43 ojrask

一个未来 - 主题选择器应该到达CSS4。这将是非常强大的，但容易被滥用，我认为。

语法

!subject > selector { 
    /* declarations */ 
}

例

!ul > li { 
    border: 1px solid green; 
}

向下滚动到母体选择：http://coding.smashingmagazine.com/2013/01/21/sneak-peek-future-selectors-level-4/

而且http://css4-selectors.com/selector/css4/subject-of-selector-with-child-combinator/

来源

2014-02-25 14:30:06

突出父李当子李

回答

相关问题