存在一个站点,我必须使用现有标记重新设置前端"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/