CSS3中的empty是一種偽類選擇器，用于選擇沒(méi)有子元素的元素。

/*選擇沒(méi)有子元素的p元素*/
p:empty {
color: red;
}

以上代碼將選擇所有沒(méi)有子元素的p元素，并將它們的文本顏色設(shè)置為紅色。

使用empty選擇器可以很方便地對(duì)某些空元素進(jìn)行樣式修飾，例如一個(gè)沒(méi)有內(nèi)容的div或span元素。

/*選擇沒(méi)有子元素的span元素*/
span:empty {
display: none;
}

以上代碼將選擇所有沒(méi)有子元素的span元素，并將它們的display屬性設(shè)置為none，從而隱藏它們。

需要注意的是，empty選擇器只能選擇沒(méi)有子元素的元素，如果該元素有空格、換行符等文本節(jié)點(diǎn)，則不會(huì)被選擇。

/*以下元素不會(huì)被選擇*/
/*以下元素會(huì)被選擇*/

empty選擇器與其他偽類選擇器一樣，可以與其他選擇器組合使用，以更細(xì)粒度地選擇元素。

/*選擇一個(gè)class為container且沒(méi)有子元素的div元素*/
div.container:empty {
border: 1px solid gray;
}

以上代碼將選擇一個(gè)class為container且沒(méi)有子元素的div元素，并為其添加一個(gè)1像素灰色的邊框。