什麼是empty選擇器？ empty選擇器詳解
- 云罗郡主轉載
- 2018-11-19 10:41:193091瀏覽
這篇文章帶給大家的內容是關於什麼是empty選擇器？ empty選擇器詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
在CSS3中，:empty選擇器用來選擇一個不包含任何子元素或內容的元素。也就是選擇一個內容為空白的元素。
範例：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :empty选择器</title>
<style type="text/css">
table,tr,td
{
border:1px solid silver;
}
td
{
width:60px;
height:60px;
line-height:60px;
text-align:center;
background-color: #FFA722;
}
td:empty
{
background-color:red;
}
</style>
</head>
<body>
<table>
<tr>
<td>2</td>
<td>4</td>
<td>8</td>
</tr>
<tr>
<td>16</td>
<td>32</td>
<td>64</td>
</tr>
<tr>
<td>128</td>
<td>256</td>
<td></td>
</tr>
</table>
</body>
</html>效果如下：
#分析：
在網頁表格中，對於內容為空的單元格往往會設定不同的顏色，使得使用者體驗更好。網頁版的HTML5遊戲2048也用到了：empty選擇器這個技術。
以上就是對什麼是empty選擇器？ empty選擇器詳解的完整介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是什麼是empty選擇器？ empty選擇器詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：lvyestudy.com。如有侵權，請聯絡admin@php.cn刪除