嘗試在鼠標懸停時添加突出顯示以在Wordpress中選擇下拉菜單

Question

我想在下拉菜單選項中添加鼠標懸停突出顯示，因為當前在菜單上我只有一個簡單的下拉菜單。 我擁有最新的wordpress版本，並且我正在研究oneengine主題。 我試圖從我在Google上找到的一些建議中添加此內容，但是將鼠標懸停完全沒有任何反應時，它根本不起作用：

#navigation li:hover a {
  background-color:#012A5E;
  color:#F1F1F1;
}

這是我的style.css中與菜單本身相關的代碼：

#main-menu-top ul.sub-menu li a:hover, 
#main-menu-top ul.sub-menu li a:active {
border-left-color:#ccc; border-bottom-color: transparent;
 }
#main-menu-top .sub-menu {
 float: left; position: 
 absolute; display:
 none; padding: 0; 
 text-align: center; 
 border: 1px solid #BDC3C7; 
 border-top: none; 
 background: black; 
 z-index: 9999;
}
#main-menu-top li:hover ul.sub-menu {
display: block;
 }
 #main-menu-top .sub-menu li {
display: block; min-width: 100px;
}
 #main-menu-top .sub-menu li a { padding: 10px 15px;
 }
}

此更改是否也僅需要更改style.css還是我也必須制作一個j.script代碼？ 任何幫助都將不勝感激。

Answer 1

您的主題有自定義的CSS頁面嗎？ 如果是，則在此添加此代碼。
nav ul li:hover { background: red;}
如果不可用，請轉到“儀表板”->“外觀”->“編輯器”，然后選擇“樣式表（style.css）”文件，並將代碼添加到文件末尾。 但這有一個問題。 將來當您更新主題時，可能會丟失所有編輯。 因此，創建子主題以永久保留所有更改是安全的。 請參閱此鏈接以了解有關兒童主題的更多信息。