<a> used together with line-through as class does not show line

Question

Im using a class to replace deprecated strike in HTML:

.entfall { text-decoration : line-through;}

Using firefox 38.x and the code

<span class="entfall"><a href="some link">text</a></span>

the line-through is not shown on the screen.

In fact I would like to use the following:

<span class="entfall"><code><a href="some link">text</a></code></span>

but the problem seems to happen "earlier".

Is there an explanation? Or are there workarounds possible?

Answer 1

您发布的代码看起来很不错，在Chrome和使用下面代码段的最新Firefox中效果很好。我会检查样式表中的其他样式，以确保它们不会覆盖它。

找到应该设置样式的链接，并使用开发者控制台找出计算样式上应用的样式。

• 右键点击链接，然后选择Inspect Element
右侧面板上的
• 选择Computed标签
• 过滤文字装饰

您也可以将该类应用于链接本身以提高规则的特异性，或者将其更改为.entfall>code>a {...

＆＃13;

＆＃13;

.entfall {
  text-decoration : line-through;
}

＆＃13;

<span class="entfall"><code><a href="some link">strike through text</a></code></span>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这适用于某些浏览器，但在某些版本中它不是

使用此

.entfall a{
  text-decoration : line-through;
}

Answer 3

text-decoration: line-through;

如果您为锚标记编写了任何CSS，那么entfall将无效，您必须增加范围<span id="entfall-anchor">的优先级，您可以为该范围提供id，即{{} 1}}然后在id而不是class上应用以下css，因为id比class更重，或者只是你可以在你的css中添加'！important'，即

.entfall a { text-decoration : line-through !important; }

Answer 4

重新安装firefox终于解决了这个问题。感谢所有人的支持。