Css 我不能将文本装饰覆盖为“无”吗？

可能重复：

Chrome和Firefox正在合谋阻止我尝试通过文本装饰使用线条的td，有时会被跨距禁用，如下所示：

<style type="text/css">
tr.st td {
  text-decoration: line-through;
}

tr.st td span.unstrike{
  text-decoration: none;
  background:yellow;
}

tr.st td span#unstrike-id{
  text-decoration: none;
  background:yellow;
}

tr.st td span.unstrike-important{
  text-decoration: none ! important;
  background:yellow;
}

</style>


<table  border>
    <tbody>
      <tr>
        <td>normal</td>
      </tr>
      <tr class="st">
        <td>struck out</td>
      </tr>

      <tr class="st">
        <td>struck out <span class="unstrike">unstrike class: shouldn't I be normal?</span></td>
      </tr>

      <tr class="st">
        <td>struck out <span id="unstrike-id">unstrike-id identifier.  Shouldn't I be normal?</span></td>
      </tr>

      <tr class="st">
        <td>struck out <span class="unstrike-important">unstrike-important: shouldn't I  be even more normal?</span></td>
      </tr>
    </tbody>
  </table>

我眯着眼睛看了看说明书，不明白

文本去民主的特殊情况？有什么好处

---

演示

如果您有使用属性的线装饰的特定顺序，则可以使用：n子项

---

或者尝试将线条装饰添加到span，而不是td。请看我的示例：

如果您有一个特定的序列，要使用该属性的线条装饰，则可以使用：nth child

---

或者尝试将线条装饰添加到span，而不是td。请看我的示例：

删除应用于表格单元格，而不是其内容。一个类似的案例将是对边界的应用。移除跨度上的边界不会阻止td上的边界通过

可以将不透明背景添加到跨度中

添加：

position: relative;
display: inline-block;
top: 0px;

---

删除将应用于表格单元格，而不是其内容。一个类似的案例将是对边界的应用。移除跨度上的边界不会阻止td上的边界通过

可以将不透明背景添加到跨度中

添加：

position: relative;
display: inline-block;
top: 0px;

---

看起来这是几个问题的骗局，特别是：

简言之，对我来说，最模糊的语言是“无覆盖”

---

版主/编辑们，请把我当作傻瓜关起来。

看起来这是几个问题的傻瓜，特别是：

简言之，对我来说，最模糊的语言是“无覆盖”

---

版主/编辑们，请把我当作傻瓜关起来。

哇，这很有趣，似乎文字装饰被应用到了整个TD的内容上，而忽略了它下面的内容。从未见过。看到这个答案：-最好在你所有的tds中设置一个跨度，并将样式作为子元素单独应用。是的，我现在看到了，尽管我认为这是最好的先例：哇，这很有趣，似乎文本装饰应用于整个TD的内容，而忽略了它下面的内容。从未见过。看到这个答案：-最好在所有tds中设置一个跨度，并将样式作为子元素单独应用。是的，我现在看到了，尽管我认为这是最好的先例：我主要是想从规范中找到一些解释，为什么会这样。有很多修复方法。你的肯定很有趣。然而，如果我不深入理解为什么它可以工作，为什么内联块可以工作，而普通块说div不行，我会犹豫使用它。我主要是想从规范中找到一些解释，为什么会这样。有很多修复方法。你的肯定很有趣。然而，如果我不深入理解为什么它可以工作，为什么内联块可以工作，而普通块说div不能工作，我会犹豫使用它。