我正在尝试创建一个页面,其中包含带 anchor 的链接,并且所有链接都是指向同一页面但位于不同位置的 anchor 。链接应始终具有“虚线”样式,并且永远不要加下划线。这不能正常工作:
a:hover, a:link, a:active .link-anchor {
border-bottom: 1px dashed #aabbccdd ;
text-decoration: dashed !important;
}
最佳答案
您定义了无效的颜色代码,如下所示:
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>
关于html - 始终具有虚线样式的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38736919/