結構性偽類選擇器—empty
:empty選擇器表示的就是空。
用來選擇沒有任何内容的元素,這裡沒有内容指的是一點内容都沒有,哪怕是一個空格。
比如說,你的文档中有三個段落p元素,你想把沒有任何内容的P元素隱藏起來。
我們就可以使用“:empty”選擇器來控制。
HTML代碼:
<p>我是一個段落</p> <p> </p> <p></p>
CSS代碼:
p{ background: orange; min-height: 30px; } p:empty { display: none; }
演示結果: