如何在不知道CSS中的元素的情况下选择第n个元素?

最后发布: 2016-04-08 09:17:02


问题

我想用CSS选择div内的第一个孩子。 但是我不知道元素是什么:

<div>
   <youdontknowwhat>One</youdontknowwhat>
   <input>
</div>

就像是:

div>x:first-child{  }

但是'x'不可用...有什么想法吗?

与以下内容略有不同: 如何在不知道父元素的情况下选择第n个孩子?

css css-selectors
回答

如果要选择<div>的第一个子代,则可以使用以下解决方案:

 div > :first-child { color:red; } 
 <div> <p>Test #1</p> <div>Test #2</div> </div>