html - 将外部 CSS 链接注入(inject)文档,覆盖某些现有工作表

标签 html css stylesheet

存在一个站点,我必须使用现有标记重新设置前端"template"的样式,但要使用更新的设计。我希望做的是以某种方式将我自己本地编写的 CSS 样式表注入(inject)页面,以便我的样式接管。

似乎用户样式表就是答案,但我遇到了以下陷阱:

  • 我经常必须遵守 !important 规则才能坚持下去,一旦我的样式替换了现有样式,就不会发生这种情况。

  • 我无法链接到本地​​图片。

我没有可用的网站本地开发环境。我能做的最好的事情是 wget 在本地镜像站点并从那里编辑样式。但如果可能的话,我更愿意重新设置现有标记的样式。

如有任何关于浏览器插件或类似插件的建议,我们将不胜感激!谢谢!

最佳答案

这是可能的。查看 document.styleSheets 属性。它包含一个对象树,它是页面上所有的 CSS。您可以更改其他人样式表的个别属性,或完全链接到本地​​样式表。

这是一个链接 http://www.javascriptkit.com/domref/stylesheet.shtml开始,但我也会用谷歌搜索一些更好的资源。

document.styleSheets[0].href = 'file://js/newstyles.css'

关于html - 将外部 CSS 链接注入(inject)文档,覆盖某些现有工作表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7813166/

相关文章:

java - JSP 看不到资源文件夹中的 CSS 和 JS 文件

html - 输入文本和背景图像[类型 ='submit']

jquery - Opera 浏览器中的下拉样式问题

html - JSP 中标记 <div> 的位置无效

html - 使用页面上的样式表覆盖 CSS 站点样式

javascript - 使用javascript将表单插入表中

html - 如何在golang html/template中创建一个全局变量并在多个地方进行更改?

javascript - 将鼠标悬停在某个区域上时使用 jQuery 在文本框中滑动

html - 仅在 CSS 中运行同步动画

css - 为除 Internet Explorer 之外的所有浏览器添加 css 样式表