Question

我想制作Chrome扩展程序（如此体面和文档化的Javascript），从文档中删除所有font-size声明。

文档样式表：

document.styleSheets

样式表规则：

document.styleSheets[0].rules

规则声明（或什么叫em？）：

document.styleSheets[0].rules[0].style.fontSize

如何删除最后一个？我想使用浏览器的标准，所以不要将所有内容都设置为100％。有没有办法删除所有font-size样式？

（我不关心内联样式或javascript添加的样式。）

顺便说一句
任何人都知道为什么.rules为空（null）为Stack Overflow的all.css样式表？那里有很多款式，Chrome使用它们。为什么我不能在document.styleSheets中访问它们？

Answer 1

我认为这是不可能的，因为您无法访问从其他域加载的样式表规则。这是一个类似于AJAX 同源策略的安全限制。

Answer 2

如何通过清单和覆盖字体大小注入custom css到默认值：

* {font-size:1em !important;}
h1 {font-size:2em !important;}
h2 {font-size:1.5em !important;}
h3 {font-size:1.17em !important;}
h5 {font-size:.83em !important;}
h6 {font-size:.67em !important;}

用户代理样式表未声明许多元素的大小，主要仅针对标题。我找不到Chrome的确切默认样式表，但here是其他浏览器中的一些，应该是非常相似的。

Answer 3

尝试将其设置为空= ''
尝试将其设置为null
您可以尝试javascript delete功能： http://www.openjs.com/articles/delete.php

我可以使用Javascript从文档中删除font-size声明吗？

3 个答案: