gpt4 book ai didi

html - CSS Line-Through 未被删除

转载 作者:太空狗 更新时间:2023-10-29 14:38:44 25 4
gpt4 key购买 nike

我有一些代码可以在 TR 上为已删除的行设置一个直通线,但这意味着我的“操作”列(只有)按钮会受到影响。这是因为按钮之间有单独的空格,最终也会被划线。

在 W3Schools 上闲逛之后,令我感到困惑的是为什么这个例子不起作用:

<html>
<head>
<style type="text/css">

tr {text-decoration:line-through}
</style>
</head>

<body>
<table>
<tr>
<td>this needs to be line-throughed</td>
<td style="text-decoration: none !important;">This shouldn't be line-throughed.</td>
</tr>
</table>
</body>
</html>

我应该如何清除子元素上的直线?

编辑我已经更新了我的示例 - 问题是我不想从父元素中删除样式,只是一个子元素。

最佳答案

您不必为此使用重要或内联样式。尝试

h2 {text-decoration:line-through;}
h2 span {text-decoration: none; border: 1px solid black;}

编辑

在那种情况下,对于 tr,因为是的,你对其应用了文本装饰,你必须从同一元素 tr 而不是 td 中去除文本装饰。否则做:

tr td { text-decoration: whatever }

然后在需要的时候

<td style="text-decoration: none;"></td>

关于html - CSS Line-Through 未被删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1758584/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com