Html CSS选择第一个元素，而不考虑其级别

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

以下是一些HTML示例：

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

两者都将被选中，我只想要第一个。使用CSS选择器有什么方法可以做到这一点吗？

您可以使用通用选择器

小提琴：

编辑：查看这是否是您需要的：

编辑2：我不知道你的情况是否允许这样做，但看看：

---

编辑3：经过几次尝试。。。最后的答案是：不可能=|

您最好使用Jquery或javascript

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

---

但它可能发生在未知数量的级别，间隔为container>.here或container>*>。here或container>*>*>。here等等…哦。。。我明白了，现在。类的名称也可能会改变？我认为这是一个误解：在我读到它时，OP想要找到.title的第一个实例-不管嵌套还是它是否是：第一个孩子…@Tiago，我知道；我担心这是不可能的：-甚至没有为此提供API。我不认为你可以指望在第一组div中有一个.title-如果没有，这会再次中断：。我担心这是不可行的，这是你可能从css中得到的最接近的结论，但它在某些情况下会失败，比如在小提琴上。如果第一个标题在一个div内，而在该div外还有其他标题在另一个div内，则无法在文档树中返回。是的，但让我们期待更多的时间，也许会有另一个答案。这是一个注释，而不是答案。如果您添加了一个javascript解决方案，那么这将是一个答案，但事实上这根本不能回答问题

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

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