Question

我有一个tr（表格行）需要通过..但有一些内容不应该应用css所以我已经为它创建了一个单独的类但它似乎不起作用..

HTML

<tr class="status">
    <td class="content" width="100%" align="left" >
        <span class="subheading">
            sub-Heading
        </span>
        Content
    </td>
</tr>

CSS

.status {
text-decoration: line-through;
}
.status .subheading{
text-decoration: none !important;
}

欢迎任何想法或更正。

Answer 1

我认为您的CSS中存在错误，因为您使用了“重要的”＃39;使用.status选择器覆盖你的删除线，我会尝试像这样纠正CSS：

.status {
    text-decoration: line-through;
}
.subheading{
   text-decoration: none !important;
}

还要记住，属性'text-decoration: line-through;'仅在文本中绘制一条直线，并且不会删除tr或td元素。

Answer 2

As per documentation Its not possible ..

https://www.w3.org/TR/CSS21/text.html#lining-striking-props

Solution:

HTML

<tr>
    <td class="content" width="100%" align="left" >
        <span class="subheading">
            sub-Heading
        </span>
        <span class="status">
        Content
        </span>
    </td>
</tr>

CSS

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

Yes it creates a messier code ..

Answer 3

<强> CSS

.content span:nth-child(1)
{
text-decoration: line-through;
}
</style>

<强> HTML

<table>
        <tr class="status">
<td class="content" width="100%" align="left" >

        sub-Heading

   <span>Content</span> 
</td>

现在我不知道你<td>中有多少<tr>。但这就是我得到你在给定代码中寻找答案的方式。

删除一些文字，删除一些文字

3 个答案: