如何在不知道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>您可以採用如下方案：

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

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