我有一个带删除线的链接。我想让删除线变浅,这样链接文本更容易阅读,但是我不知道如何做。
这是我想要的效果(使用内部 span 而不是链接,因为这样会得到我想要的效果):
span.outer {
color: red;
text-decoration: line-through;
}
span.inner {
color: green;
}
<span class="outer">
<span class="inner">foo bar</span>
</span>
但是这似乎不起作用:
span.outer {
color: red;
text-decoration: line-through;
}
a.inner {
color: green;
}
<span class="outer">
<a href="#" class="inner">foo bar</a>
</span>