僅使用CSS和JS進行CSS懸停覆蓋

Question

我有一個代碼，我只能編輯CSS和JS。 問題是頁面加載了無法更改的默認CSS，但是您可以運行替代的CSS和JS來向頁面添加內容並修改CSS。 所以我想加載的CSS會覆蓋默認的CSS。 但問題是你不能只說

a:hover {
background-color: red;
}

您將不得不不設置任何背景色並添加下划線和填充物。

所以我怎么能告訴我的CSS把*：hover放在其他任何地方都重要，並刪除默認的hover？

Answer 1

CSS可能過於嵌套。 添加！important標簽會有所幫助。 但是遵循元素的訓練更具語義。 右鍵單擊要設置樣式的元素。 當您查看編輯器時，您會在右側（css所在的位置）看到特定性，然后可以復制它們具有的選擇器。 使用此選擇器應該可以覆蓋所有必需的樣式。

圖片的最右上角。 .container是此處使用的整體類。 在某些情況下，您可能會看到類似的內容。 （來自基金會）

.top-bar-section li:not(.form) a:not(.button)

Answer 2

在CSS添加以下內容，並確保您在default CSS之后加載它。

a:hover {
     background-color: NONE !important;
}

使用JavaScript

$('body').append('<style>a:hover { background-color: none !important; }</style>');