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

【问题标题】：automatically apply CSS rules to a website?自动将 CSS 规则应用于网站？
【发布时间】：2021-07-27 02:17:56
【问题描述】：

现在，当我加载网页时，我可以通过在 Firefox 中执行 Inspect Element 更改适用于它的 CSS 规则，然后使用 Inspector 和 Rules 修改 HTML div 中的某些规则。

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

【问题讨论】：

你可以写一个扩展来做到这一点。

标签： html css firefox

【解决方案1】：

我所知道的唯一内置方法存在于 Chrome 中，通过使用 Chrome Local Overrides 将页面响应或页面的 CSS 链接替换为您自己的，并根据需要添加您的调整。但这并不容易做到。

一种更简单的方法是使用扩展程序为您处理此问题，该扩展程序适用于任何浏览器：

您可以使用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

【讨论】：

谢谢，Tampermonkey 能够给我我需要的东西