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

Question

我想用CSS选择div中的第一个子节点。但我不知道元素是什么：

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

类似的东西：

div>x:first-child{  }

但是＆＃39; x＆＃39;不可用......有什么想法吗？

与以下内容略有不同： How can I select an nth child without knowing the parent element?

Answer 1

如果要选择<div>的第一个孩子，可以使用以下解决方案：

＆＃13;

＆＃13;

div > :first-child {
  color:red;
}

＆＃13;

<div>
  <p>Test #1</p>
  <div>Test #2</div>
</div>

＆＃13;

＆＃13;

＆＃13;