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文件中的规则。

阅读此主题：Reading the rules of a cross domain CSS file in DOM