在我的react js項目中

有一個塊可能有一個元素或兩個元素，這取決于運行時間。

例如:

場景1:(存在兩個組)

<div class='menu-list'>
    <div class='group'>
        <div class="option">....</div>
    </div>
    
    <div class='group'>
        <div class="option">....</div>
    </div>
</div>

場景2:(只有1組)

<div class="menu-list">
    <div class='group'>
        <div class="option">....</div>
    </div>
</div>

原來我有我的css樣式準備好了。然而，我注意到有時在運行時存在場景2，我不想在這種情況下應用任何樣式。

我想只有當它在場景1的元素樣式。

。菜單列表。群體:第一胎。選項:最后一個孩子{.....}

是否有可能這樣做？

如果你只有這兩種情況:當是一個元素時，你應用一種特定的樣式，當是多個元素時，你應用另一種樣式，這應該適合你。

.group {
    color:green;
}
.group:first-child:last-child {
    color:red;
}

<div class='menu-list'>
    <div class='group'>
        <div class="option">If the element is not alone, it's green</div>
    </div>
    
    <div class='group'>
        <div class="option">If the element is not alone, it's green</div>
    </div>
</div>

---

<div class="menu-list">
    <div class='group'>
        <div class="option">If it's alone it's red</div>
    </div>
</div>

基于回答和調整，

這個邏輯到達了目標。

.group:not(:only-child):first-child .option:last-child{

     color:green;
  
}

謝謝大家