css - 这可以在 CSS 中工作吗？

我想在链接上设置悬停样式，而不是在该链接的子级跨度上。我以前从来没有这样做过，但我试过这个

.properties #content table th a {
    color: #fff;
    text-decoration: none;
}

.properties #content table th a:hover {
    text-decoration: underline;
}

.properties #content table th a:hover span.sort-direction {
    text-decoration: none;
}

悬停下划线效果很好，但它仍然强调跨度。我想这是因为 anchor 元素的下划线会拉伸(stretch)以适应跨度，我想。

什么是解决方法？我也希望跨度成为一个链接。也许是 anchor 上的 position: relative 和跨度上的 position: absolute 的组合？

最佳答案

我将 anchor 节点放在自己的跨度中，然后在其上设置 text-decoration: underline。

.properties #content table th a:hover span.header {
    text-decoration: underline;
}

关于css - 这可以在 CSS 中工作吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2293239/