標籤：例子 javascrip width doctype empty css3 logs another div
這可是個好東西，我也是這個星期才發現的，下面我們來說具體功能。
<!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <style> p:empty{width:100px;height:20px;background:#ff0000;}</style></head><body><p></p><p>A paragraph.</p><p>Another paragraph.</p></body></html>
知道這代碼運行後是怎樣的嗎？我們來看效果。
p標籤裡有內容的，就沒有運行下面的代碼，但是沒有內容的p標籤，渲染成了紅色。
p:empty{width:100px;height:20px;background:#ff0000;}
大家通過上面的例子，也能猜出這個偽類有什麼作用了吧。沒錯，:empty選取器選擇每個沒有任何子級的元素（包括文本節點）。
我們來看下相容性怎麼樣，要是相容性不好，再大作用也是扯淡。下面是來自w3c的
哇，相容性很不錯哦！！ie9以下不相容，但是有什麼關係呢！誰讓它叫做ie呢。珍愛生命，遠離ie
CSS3 :empty 選取器
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
