沒有代碼的CSS塊的原因？

Question

我目前正在優化一個網站的代碼，開發它的程序員不在這裏。

有一個大約有1000行代碼的CSS文件，在這個文件中，有很多花括號內沒有代碼的塊。

例如：

.header{ 
} 

是否有一個原因讓這些？還是他們完全沒用？

Answer 1

它們在最終的應用程序中不起作用，因爲它們不以任何方式修改任何HTML元素的CSS屬性。最初的開發人員可能會在開發過程中定義這些類時添加它們，但它們最終未在CSS中使用。他們可以安全地刪除。 （這可能是因爲這些類被用於其他目的，例如選擇在JS某些元素，但刪除空選擇在樣式表不會影響。）

Answer 2

註釋掉或只是刪除它，否則，它仍然會嘗試匹配這些規則。 （對於每個HTML元素都將通過所有CSS規則進行匹配，嘗試和失敗。）

Answer 3

您可以刪除這些空的聲明。

Answer 4

刪除空選擇器不會對您的設計造成任何更改，因爲它們沒有任何與其關聯的CSS規則。所以你可以安全地刪除它們，如果他們是空的。

Answer 5

.header{ 
 
} 
 
.header .menu_div{ 
 
    background : black; 
 
    color:white; 
 
}

<div class="header"> 
 
    <div class="menu_div">Menu Div</div> 
 
</div>

的人誰寫了CSS可能已經爲.header孩子給出了層次結構。他/她可能沒有向父母提供CSS。

如果它在刪除後沒有反映出設計，那麼您可以將其刪除。