始终具有虚线样式的链接
始终具有虚线样式的链接
提问于 2016-08-03 07:19:29
我正在尝试创建一个页面，其中有带锚的链接，所有的链接都是指向相同页面但不同位置的锚。链接应该始终具有“虚线”样式，并且永远不带下划线。这并不像无帐幕那样工作：
a:hover, a:link, a:active .link-anchor {
border-bottom: 1px dashed #aabbccdd ;
text-decoration: dashed !important;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2016-08-03 07:26:59
您定义了无效的颜色代码，如下所示：
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>
Stack Overflow用户
发布于 2016-08-03 07:33:17
除了穆罕默德所说的，我认为这个规则也是错误的。
如果要添加类，则应重复.link-anchor
a.link-anchor:hover, a.link-anchor:link, a.link-anchor:active {或
a:hover, a:link, a:active, .link-anchor {此外，如果您的类确实是“边框底部虚线”，请不要将其称为“链接锚点”，而是“虚线-下划线”，例如
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38736919
复制
相似问题
在Netbeans下运行测试时出现问题
运行MERN测试时出现问题
在Cucumber升级后运行测试时出现问题
在模型上运行rspec测试时出现问题
无法在OSX - works的ubuntu上运行无头黄瓜测试？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
