從鏈接中刪除不需要的CSS使用Javascript

Question

我需要我們網站上的一個鏈接，以不繼承頁面的CSS規則 - 目前它顯示的邊框和下劃線等等，這對於這個特定的鏈接是不可取的。

我似乎隱約記得能夠將href更改爲<a href="javascript:;"></a>，它可以有效地覆蓋CSS，但我不記得如何使鏈接轉到所需的頁面。你能填補我嗎？謝謝！

Answer 1

您必須覆蓋樣式表中定義的樣式。有幾種方法可以做到這一點（下面的例子將顏色設置爲紅色，但實際上你必須設置border: 0; text-decoration: none;）。

內聯樣式

<a href="#" id="thelink" style="color:#f00;">link text</a> 

的JavaScript

document.getElementById('thelink').style.color = '#f00'; 

外部CSS或<style>塊（如果你能爲這個元素添加特定CSS規則）

#thelink { color: #f00; } 

如果上面沒有因爲一些更具體的選擇採取優先次序的工作：

#thelink { color: #f00 !important; }