CSS Rule对象

Question

根据此站点,externalcss3使用styleSheet对象的CSS Rule对象,可以访问样式表的各个规则.

因此,如果我尝试在stackoverflow页面上运行这段代码(*),使用javascript控制台,我希望看到在此页面中编写的一些CSS规则http://cdn.sstatic.net/stackoverflow/all.css?v = 04e0337352b3.

(*)

var mysheet=document.styleSheets[0]
var myrules=mysheet.cssRules? mysheet.cssRules: mysheet.rules
for (i=0; i<myrules.length; i++) {
     console.log(myrules[i].selectorText.toLowerCase());
}

实际上,console.log的结果与我的预期不同:

object[type="application/x-shockwave-flash"], object[type="application/futuresplash"], object[data*=".swf"], object[src*=".swf"], embed[type="application/x-shockwave-flash"], embed[type="application/futuresplash"], embed[src*=".swf"]

我错过了什么？对不起我的无知和你的时间.

Answer 1

如果它们来自同一个域,您似乎只能访问CSS文件中的规则.

阅读此主题:阅读DOM中跨域CSS文件的规则