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

时间:2011-10-18 20:19:10

标签: html css stylesheet

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

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

  • 我经常不得不遵守重要的规则,一旦我的风格取代现有的风格,就不会发生这种情况。

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

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

对浏览器插件或类似内容的任何建议都将不胜感激!谢谢!

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:1)