Css选择器问题 - 孩子和父母？

我想知道如何在我的例子中只选择顶级“巨型父母”？Css选择器问题 - 孩子和父母？

<li class="page_item parent"><a href="#"> Mega Parent</a> 
     <ul class="children"> 
      <li class="page_item parent"><a href="#">Subparent</a> 
       <ul class="children"> 
        <li class="page_item"><a href="#">Child</a></li> 
       </ul> 
      </li> 
     </ul> 
    </li>

我只想要我的顶级父母项目“Mega Parent”有例如红色。解决此问题的最佳方法是什么？

来源

2011-03-12 matt

你能告诉我们你的CSS吗？ – 2011-03-12 19:00:01

http://stackoverflow.com/questions/977883/selecting-only-first-level-elements-in-jquery – 2011-03-12 19:03:30

@BrianFlanagan完全不同 – 2011-03-12 19:06:49

你可以使用这样的事情：

.page_item.parent > a { color: red; } 
.page_item.parent li > a { color: inherit; }

或者你可以添加一个额外的类到您megaparent的元素，它设置了一个附加的风格。

来源

2011-03-12 19:03:33 Floern

CSS对某些值使用继承，您可能会在后代手动设置color来否定继承。

在这里看到一个解释：

http://dorward.me.uk/www/css/inheritance/

来源

2011-03-12 19:01:27

这应该在定义类时解决，而不是在解决它们时解决。但是，如果你不能定义它们，我只是去选择不同的嵌套一个覆盖你所有元素应用

.page_item.parent a{ color:red; } 

.page_item.parent ul.children .page_item.parent{ color:black;}

或任何其他类型的默认样式的默认，你也可以只追加第二个选择器的其他定义。

来源

2011-03-12 19:09:58 sEver

Css选择器问题 - 孩子和父母？

回答

相关问题