2人以上の子供がいる場合のみ表示

Question

子供が3人以上いる場合のみ、ボックスを表示するようにcssを変更することはできますか？

例：

// Don't show 
<ul> 
    <li>Something</li> 
</ul> 

// Show 
<ul> 
    <li>Something</li> 
    <li>Something</li> 
</ul> 

私はCSSでそれをやろうとしています。出来ますか？

Answer 1

:only-childセレクタを使用して、唯一の場合はliを非表示にすることができます。

ul li:only-child{ 
    display: none; 
} 

ul li:only-child { 
 
    display: none; 
 
}

<ul> 
 
    <li>Don't Display</li> 
 
</ul> 
 
<ul> 
 
    <li>Display</li> 
 
    <li>Display</li> 
 
</ul>

https://jsfiddle.net/90kx009u/

---

ここであなたが求めている正確に何を達成したい場合はJSです：

let thelist = document.querySelector('.thelist') 

if(thelist.childElementCount <= 1){ 
    thelist.remove() 
} 

https://jsfiddle.net/90kx009u/2/

Answer 2

あなたはCSSの要素の直接ではなく、「数」総数ことができますので、2つの以上のdiv要素があります場合にのみクラスを適用する方法はありません（あなたはそのためにJavaScriptを必要とするだろう） は、ここで詳細を参照してください。 How to add CSS if element has more than one child?