始終有虛線樣式的鏈接

我正在嘗試創建一個頁面，其中有錨鏈接，並且所有鏈接都是通向相同頁面但位於其上的不同位置的錨。鏈接應始終具有「虛線」風格並且永遠不要加下劃線。如下圖所示始終有虛線樣式的鏈接

a:hover, a:link, a:active .link-anchor { 
    border-bottom: 1px dashed #aabbccdd ; 
    text-decoration: dashed !important; 
    }

來源

2016-08-03 Johshi

請提供更多的代碼或的jsfiddle –

@SyamPillai，爲什麼呢？ – Johshi

您已經定義無效顏色代碼：這不上班untented

border-bottom: 1px dashed #aabbccdd; 
          // ^^^ there should be 3 or 6 characters

它應該是：

border-bottom: 1px dashed #aabbcc;

有關CSS的顏色更多信息，訪問Here。

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active { 
 
    border-bottom: 1px dashed #aabbcc; 
 
    text-decoration: none; 
 
}

<p>Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#">Normal Link</a> Lorem ipsum dolor <a href="#" class="link-anchor">Dashed Link</a> sit amet <a href="#" class="link-anchor">Dashed Link</a> Lorem ipsum dolor</p>

來源

2016-08-03 07:26:59

我該如何讓'a：hover，a：link，a：active'只應用於類'.link-anchor'的鏈接，而不會影響其他鏈接？ – Johshi

將您的選擇器更改爲'a.link-anchor：hover，a.link-anchor：link，a.link-anchor：active'。我也會在我的回答中更新。 –

除了什麼穆罕默德說，我認爲，規則也有錯

如果你想添加的類別，你應該重複.link-anchor

a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active {

或

a:hover, a:link, a:active, .link-anchor {

另外，如果你的類做「邊框虛線下方」不稱之爲「鏈接錨」，而是「虛下劃線」，例如

來源

2016-08-03 07:33:17 Pietro

始終有虛線樣式的鏈接

回答

相關問題