Html 在href中停止span，从href继承悬停样式

问题

我需要的span不能有

文本装饰：下划线

。无论如何，我无法更改中的标记。这可能吗

加价

<a href="#">
    Working test
    <span>▼</span>
</a>

恐怕不行

您将遇到的问题是父元素（锚

a{
文字装饰：无；
}
下划线{
文字装饰：下划线；
}

但由于您当前的标记，没有办法做到这一点。

恐怕不行

您将遇到的问题是父元素（锚

a{
文字装饰：无；
}
下划线{
文字装饰：下划线；
}

但是，由于您的标记目前是这样的，所以没有办法做到这一点。

试试这个。适用于所有现代浏览器和IE8+

a {
    text-decoration:none;
    position:relative;
    padding-right:16px;
}
a:hover {
    text-decoration: underline;
}
span {
    text-decoration: none;
    position:absolute;
    right:0;
}

试试这个。适用于所有现代浏览器和IE8+

a {
    text-decoration:none;
    position:relative;
    padding-right:16px;
}
a:hover {
    text-decoration: underline;
}
span {
    text-decoration: none;
    position:absolute;
    right:0;
}

---

好的建议谢谢好的主意，奇怪的是我已经申请了这个职位。至少a有职位：rel。我显然有其他风格的干扰。所以我明天会好好看看这个。好主意，奇怪的是我已经申请了这个职位。至少a有职位n:rel。我显然有其他风格的干扰。所以我明天会好好看一看。如果你必须支持IE7，我们中的许多人通常都会这样做，那么这个解决方案将不是你想要的。这是一个更普遍的选择。然而，看起来@j08691的解决方案将适用于OP。如果你必须支持IE7，我们中的许多人通常都会这样做，那么这个解决方案将不适用这不是你想要的。这是一个更普遍的选择。但是，看起来@j08691的解决方案对OP有效。

a {
    text-decoration:none;
    position:relative;
    padding-right:16px;
}
a:hover {
    text-decoration: underline;
}
span {
    text-decoration: none;
    position:absolute;
    right:0;
}