İlk öğeyi yalnızca diğer kardeşleri varsa hedefle hedefleme

Question

Herhangi bir sınıf eklemeden (veya HTML'e dokunmadan), bu öğede ikinci bir öğe varsa, SADECE bir div içindeki ilk öğeyi hedeflemenin bir yolu var mıdır?

<div class="grid"> 
    <div class="content">I WANT TO APPLY CSS TO THIS</div> 
    <div class="content">But only if there is 2nd .content element in the same parent element</div> 
</div> 
<div class="grid"> 
    <div class="content">Don't apply here</div> 
</div> 
<div class="grid"> 
    <div class="content">Don't apply here</div> 
</div> 
<div class="grid"> 
    <div class="content">I WANT TO APPLY CSS TO THIS</div> 
    <div class="content">But only if there is 2nd .content element in the same parent element</div> 
</div> 

daha iyi bir görüntü için bu kadar bir kaç bağlam ... Ben .grid içeride sadece .content ise .content ortalamak istiyorum: Aşağıda benim HTML. Ama iki tane .content div varsa, o zaman yan yana yüzmelerini istiyorum.

Not:

Zaten senin seçici olacağını

.grid .content:nth-child(2) { ... } 

Answer 1

.grid > .content:first-child:not(:only-child) { 
 
    color: blue; 
 
}

<div class="grid"> 
 
    <div class="content">I WANT TO APPLY CSS TO THIS</div> 
 
    <div class="content">But only if there is 2nd .content element in the same parent element</div> 
 
</div> 
 
<div class="grid"> 
 
    <div class="content">Don't apply here</div> 
 
</div> 
 
<div class="grid"> 
 
    <div class="content">Don't apply here</div> 
 
</div> 
 
<div class="grid"> 
 
    <div class="content">I WANT TO APPLY CSS TO THIS</div> 
 
    <div class="content">But only if there is 2nd .content element in the same parent element</div> 
 
</div>

:first-child:not(:only-child) ikinci .content hedefleyebilir biliyorum.