移除下劃線上的下劃線鏈接

-1

我想刪除我的下劃線上的懸停和一切，但它似乎並沒有工作。移除下劃線上的下劃線鏈接

<a href="agent_user_add.php"><font face="verdana" class="pluslink" style="font-size:26px;">+</font></a>

下面是我的造型

.pluslink a:link {text-decoration:none;} .pluslink a:visited {text-decoration:none;} .pluslink a:hover {text-decoration:none;} .pluslink a:active {text-decoration:none;}

怎麼會它不工作？我是否把課堂放在錯誤的地方？

下面是一個jsfiddle！

jSfiddle

來源

2014-02-25 mystycs

@Musa我不知道，如果使Q爲編輯，但有一個 –

我想我錯過了。 – Musa

你應該更新你的代碼;這不是最好的方法。更好地創建一個類並在其中定義字體屬性，然後在''標籤內調用該類。 –

.pluslink, .pluslink:visited,.pluslink:hover,.pluslink:active { 
    text-decoration:none; 
} 
<a href="agent_user_add.php" class="pluslink">+</a>

見 http://jsfiddle.net/3pTTR/

小提琴更新

來源

2014-02-25 04:59:18

似乎不工作在jsfiddle –

你看到提琴 –

是，但不適合我 –

地址：

a.pluslink { 
    text-decoration:none; 
}

Fiddle

來源

2014-02-25 05:01:51 JunM

這個小提琴的工作 –

如果這個工作正常，類名也需要從字體標籤移動到一個標籤。 – nathangiesbrecht

由於在pluslink元素中沒有a，所以您的款式缺少其目標。如果你想明確地指定這個a，你必須給它一個類或通過它的父元素來定位它。

順便說一下，<font>是從20世紀90年代和過時的方式。相反，目標a並通過CSS設置字體。

來源

2014-02-25 05:02:07

馬尼什Jangir的回答會的工作，或者如果你喜歡更具體的樣式，你可以去：

a .pluslink {text-decoration:none;} 
a .pluslink:visited {text-decoration:none;} 
a .pluslink:hover {text-decoration:none;} 
a .pluslink:active {text-decoration:none;}

來源

2014-02-25 05:02:29 myTerminal

a.plus鏈接CSS僅適用於帶有一個pluslink類的標籤。最初的問題是將加號鏈接類應用於a標籤內的字體標籤，因此CSS不適用於a標籤。字體標籤將從它的父項繼承text-decoration屬性，在這種情況下是a標籤。 – nathangiesbrecht

感謝nathangiesbrecht，上面編輯了我的解決方案:)我最後一次錯過了它。 – myTerminal

的font標籤在默認情況下繼承了它的text-decoration屬性從它的父。在這種情況下，您將font標記包裝在a標記中，該標記默認爲text-decoration: underline。

您擁有的CSS應用於a標籤，這些標籤是類別的元素的加載鏈接。在您的情況下，加上鍊接類應用於字體標籤，該標籤是a標籤的子標籤。與你相關的CSS的對立面。

最簡單的解決辦法是讓你移動你的font標籤的a標籤之外：或者

jsFiddle

，你可以應用pluslink類的a標記和編輯你的CSS代碼來包含font-size和font-family。 font標籤已被棄用一段時間了。這也使您的代碼更易於管理。

jsFiddle

來源

2014-02-25 05:32:18 nathangiesbrecht

移除下劃線上的下劃線鏈接

回答

相關問題