WordPress自定義CSS中的懸停時背景顏色未更改

Question

我使用的是WordPress，所以我寫了自定義顏色來更改懸停時框的背景顏色，但是它不起作用

 #project1 { height: 100px; width: 33.33%; background-color: red !important; } #project1:hover { background-color: blue; color: white; } 

 <div id="project1"></div> 

Answer 1

!important規則不會被沒有!important的新規則覆蓋。

從第一個聲明中刪除!important ，或者，如果您必須將其保留在那里，請將其也添加到:hover聲明中。

 #project1 { height: 100px; width: 33.33%; background-color: red !important; } #project1:hover { background-color: blue !important; color: white; } 

 <div id="project1"></div> 

Answer 2

嘗試從第一條規則中刪除！important

#project1{

    background-color: red;

}

#project1:hover {
    background-color: blue;
    color: white;
}

同樣，傾向於避免放置！important，而是使用父選擇器的更好組合來進行覆蓋。