自动将 CSS 规则应用于网站？

Question

现在，当我加载网页时，我可以通过在 Firefox 中执行 Inspect Element 然后使用 Inspector 和 [=13= 来更改适用于该网页的 CSS 规则] 修改 HTML div.

中的某些规则

但是，有没有办法自动执行此操作？也就是说，让网络浏览器加载网页，然后自动删除我本应指示它删除的某些 CSS 规则？

Answer 1

据我所知，实现此目的的唯一内置方法存在于 Chrome 中，方法是使用 Chrome Local Overrides 替换页面响应，或页面的 CSS link，根据需要添加您自己的调整。但这并不容易做到。

一个更简单的方法是使用扩展程序来为您处理这个问题，它可以在任何浏览器中运行：

您可以使用 Stylish，这样您就可以编写自己的 CSS，它可以自动注入到任何通过您选择的模式的网站中

您可以使用像 Tampermonkey 这样的用户脚本管理器通过 JavaScript:

完成同样的事情

  // ==UserScript==
  // @name         Custom CSS
  // @match        https://some-website.com
  // @grant        none
  // ==/UserScript==

  document.body.appendChild(document.createElement('style')).textContent = `
  .hyperlink {
    background-color: yellow;
  }
  `; // insert rules as desired

自动将 CSS 规则应用于网站？

automatically apply CSS rules to a website?

html

css

firefox