如何刪除鏈接元素的下划線文本修飾？

Question

請看這個JS Bin 。 我想將Project name作為鏈接。 默認情況下，它在hover顯示為下划線。 我該如何刪除它？

我已經嘗試過分配一個類project-name ：

  a:hover, a:focus .project-name {
    text-decoration: none;
  }

但它也會影響其他鏈接。

Answer 1

這有一個區別： a:focus .project-name和this： a.project-name:focus 。

第一個選擇具有project-name類的焦點a后代元素。 第二個選擇的a具有類的project-name和聚焦。

所有這些，你需要這樣做：

a.project-name:hover, a.project-name:focus {
    text-decoration: none;
}

Answer 2

嘗試這個：

a.project-name:hover, a.project-name:focus {
    text-decoration: none !important;
}

Answer 3

  a.project-name:hover, a.project-name:focus{
    text-decoration: none;
  }