CSS'deki elemanı bilmeden nth elemanını nasıl seçebilirim?

Question

CSS ile div içindeki ilk çocuğu seçmek istiyorum.

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

şey gibi: Ama unsurdur bilmiyorum

div>x:first-child{ } 

Ama 'x' kullanılabilir değil ... Herhangi bir fikir?

Biraz farklı dan: How can I select an nth child without knowing the parent element?

Answer 1

Eğer ilk çocuk seçmek isterseniz <div> aşağıdaki çözümü kullanabilirsiniz:

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

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