获取css规则
2016-04-19 20:16
513 查看
var styleSheets = document.styleSheets; for (var i = 0; i < styleSheets.length; ++i) { var cssRules = styleSheets[i].cssRules || styleSheets[i].rules;//获取某个style元素中所有规则集 for (var j = 0; j < cssRules.length; ++j) { var cssRule = cssRules[j];//获取某个规则集 console.info(cssRule.selectorText + " {");//获取该规则集的选择器 for (var k = 0; k < cssRule.style.length; ++k) { var propertyName = cssRule.style[k];//获取属性名 var propertyValue = cssRule.style[propertyName];//获取属性值 console.info(propertyName + ":" + propertyValue); } console.info("}"); } }
相关文章推荐
- CSS3 3D圆形设计教程
- CSS定位
- 去除iPhone的默认input样式
- html css属性记录
- HTML基础学习(二)—CSS
- html样式问题
- Iframe中的模态框的页面自适应
- CSS有4种定义方式--类+ ID+ 标签+ 伪类
- CSS盒模型
- css生成自适应的竖直中轴线
- css实现文本和div居中对齐详细讲解示例
- 凹凸按钮样式
- CSS3 Gradient
- CSS中越界问题的经典解决方案【推荐】
- CSS---checkbox美化,ios风格的开关按钮
- CSS3 线性渐变(linear-gradient)
- css不确定宽度的水平居中
- 设置对话框dialog的样式
- CSS系列:less备忘
- DIV CSS布局的下拉菜单