Empty CSS（空 CSS）是指沒有內容的樣式表。它通常用于占位符，例如當元素還沒有生成的時候，可以使用 Empty CSS 將其占位，等到元素生成后再為其添加樣式。

/*Empty CSS 示例*/
.my-class{
width: 100px;
height: 100px;
background-color: #eee;
}
.my-class::before { /* 偽類選擇器 */
content: ""; /* 一定要有 content 屬性 */
display: block;
width: 100%;
height: 100%;
background-color: #ccc;
opacity: 0.5;
}

在上面的代碼示例中，`.my-class` 是一個具有一定樣式的 div 元素。使用 `::before` 偽類選擇器，我們可以為其添加一個 Empty CSS，占位它的位置，并增加其透明度，讓它的背景顏色變得更淺。

除了使用 `::before`，我們還可以使用 `::after`、`:empty` 以及其他 CSS 偽類選擇器來實現 Empty CSS 的效果。總的來說，Empty CSS 在前端開發工作中扮演著非常重要的角色，它能夠提高頁面性能，優化用戶體驗，是一個不可忽視的技術。