Question

我不能保证我的病情水平，但它应该是第一次发病。我几乎可以肯定没有办法，只能断言：

以下是一些HTML示例：

<div id="container">
  <div class="title"></div>
</div>

所以我的选择器可能是#container .title，但让我们想象.title可能出现在#container内的多个级别，并且需要按原样标记，然后更严格地说我做#container > .title。尽管不总是它会是唯一发生在那个级别的人，所以我做#container > .title:first-child。

好的，虽然并不总是它会是第一级，所以我倒退以确保通过#container .title:first-child，但它打破了几个级别：

<div id="container">
  <foo>
    <div class="title"></div>
  </foo>
  <bar>
    <div class="title"></div>
  </bar>
</div>

两者都会被选中，我只希望第一次发病。有没有办法用CSS选择器做到这一点？

Answer 1

您可以使用universal selector。

#container > *:first-child > .title:first-child { color:red; }

小提琴：http://jsfiddle.net/felipemiosso/H5hHj/

已编辑：看看您是否需要：http://jsfiddle.net/felipemiosso/H5hHj/3/

已编辑2：我不知道您的案例是否允许，但请查看：http://jsfiddle.net/felipemiosso/H5hHj/9/

编辑3：经过几次尝试......最终答案是：不可能= |

Answer 2

你最好的选择是使用Jquery或javascript

$(".title:first").css( "color", "red" );

CSS选择第一个元素，无论其级别如何

2 个答案: