如果使用css进行href，则在锚点中显示下划线

Question

如果使用css

进行href，则在锚点中显示下划线

<a class="myLink" >click here</a>

在悬停时显示下划线

<a class="myLink" href="http:\\whatever.com">click here</a>

不应在悬停

上显示下划线

我应该在myLink css中编写哪些内容适合两者。

Answer 1

a
{
    text-decoration: none;
}    

a[href]
{
    text-decoration: underline;
}

JSFiddle

Answer 2

使用CSS Attribute Selector

a {
  text-decoration: none;
}
a[href] {
  text-decoration: underline;
}

<a href="/">Anchor with href set</a>
<br />
<a>Anchor without href</a>

Answer 3

创建一个类似..的短信

<Style>
    a {
       text-decoration: none;
        }
     a[href] {
         text-decoration: underline;
       }
   </Style>

请记住，这会影响您网页上的整个锚标记。您将提供特定的ID以避免此冲突

请参阅此fiddle代码了解一些额外内容。