Question

我正在尝试创建一个页面，其中存在与锚点的链接，并且所有链接都是指向同一页面但位于其上的不同位置的锚点。链接应始终具有“虚线”样式，并且永远不会加下划线。这不起作用：

   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>

Answer 2

除了穆罕默德所说的，我认为规则也是错误的

如果您想添加课程，请重复.link-anchor

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

或

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

此外，如果你的班级确实是“边界底部虚线”，请不要将其称为“link-anchor”，而应将其称为“虚线 - 下划线”，例如

始终具有虚线样式的链接

2 个答案: