Indirizza il primo elemento solo se ha altri fratelli

Question

Senza aggiungere alcuna classe (o toccando l'HTML) c'è un modo per indirizzare il primo elemento all'interno di un div SOLO se c'è un secondo elemento in quel div? Qui di seguito è il mio HTML:

<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> 

Alcuni contesto a questo per una migliore immagine ... voglio centrare il .content se è l'unico .content all'interno .grid. Ma se ci sono due div di .content, allora voglio che fluttuino uno accanto all'altro.

Nota:

so già che può avere come bersaglio la seconda .content da

.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) sarebbe la vostra selettore.