有人知道是否可以防止标签的子项下划线,同时强调标签内容的其余部分？
这是一个例子 – 你可以看到这个工作在JSFiddle.我已经尝试了我能想到的一切,但文本下划线继续应用于链接内的所有文本.我在Chrome上查看,但我确信这适用于所有浏览器.
a {
font-size: 32px;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a div {
color: pink;
}
a:hover div,a:active div,a:focus div {
text-decoration: none !important;
}
最佳答案
阅读此类似的答案及其链接以获取更多信息：Remove :hover on :after elemets
原文链接：https://www.f2er.com/html/425907.htmlhttp://jsfiddle.net/thirtydot/ygXy6/4/
CSS：
a {
font-size: 32px;
text-decoration: none;
}
a:hover span {
text-decoration: underline;
}
HTML：
