Remove/Hide 网站上所有 "text-decoration: line-through" 格式的元素？

Question

当文本格式为：text-decoration: line-through 时，如何删除或隐藏网页上的所有元素？

因为这些元素已经过时或仅供参考，我不想再看到它们了。

<s>hide this line</s>

该解决方案应该是通用的并且适用于几乎所有网站。这意味着用 class 名称阻止它们不是我喜欢的解决方案。尽管如此，我对所有可行的解决方案持开放态度，JS、CSS、浏览器设置、其他...

有什么解决办法吗？

我有一个使用 Tampermonkey 的方法，但这只是有助于删除删除线，而不是元素本身。

GM_addStyle('* { text-decoration: none !important; }');

我想要伪代码中的类似内容：

if (element.text-decoration == line-through) then
  element.remove

Answer 1

您需要做的就是在 CSS.

中添加以下行

s {
    display: none;
  }

Answer 2

我自己创建了一个解决方案，不幸的是，由于缺乏对 Web 技术、JS、CSS 的了解，这对我来说是一条艰难的道路。现在我使用浏览器插件 Tampermonkey 将用户脚本加载到浏览器中。

这里是脚本代码：

// ==UserScript==
// @name         Remove strikethrough text
// @version      1.0
// @description  Removes all elements where 'text-decoration' == 'line-through'
// @author       CK
// @match        *://*/*
// @grant        none
// ==/UserScript==

var elems = document.body.getElementsByTagName('*');
for(var i = 0; i < elems.length; i++) {
  var elemStyle = window.getComputedStyle(elems[i]);
  if(elemStyle.getPropertyValue('text-decoration').startsWith('line-through',0)) {
    elems[i].remove();
  }
}

Remove/Hide 网站上所有 "text-decoration: line-through" 格式的元素？

Remove/Hide all "text-decoration: line-through" formatted elements on a Website?

html

javascript

css

formatting

strikethrough