html - 始终具有虚线样式的链接

Question

我正在尝试创建一个页面，其中包含带 anchor 的链接，并且所有链接都是指向同一页面但位于不同位置的 anchor 。链接应始终具有“虚线”样式，并且永远不要加下划线。这不能正常工作:

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

Answer 1

您定义了无效的颜色代码，如下所示:

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>