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

Question

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

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

类似于:

div>x:first-child{  }

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

有点不同: How can I select an nth child without knowing the parent element?

Answer 1

如果你想选择 <div> 的第一个 child 您可以使用以下解决方案:

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

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