页面载入中,请稍候...

CSS的权重

2012-04-26 15:38:54    作者:admpub    来源:会员投稿    评论:读取中    点击:读取中    [我要投稿]

一个关于CSS权重的问题:关于选择器权重的问题 。class的权重是10 标签权重是 1 。比如说 p span{} 权重是2. 如果11标签自选择器的...

一个关于CSS权重的问题:

关于选择器权重的问题 。class的权重是10 标签权重是 1 。比如说 p span{} 权重是2. 如果11标签自选择器的组合的权重11,会不会覆盖 一个class选择器权重10的 样式?

这里整理了我对CSS权重的理解。

其实规则很简单: 比较同一级别的个数,数量多的优先级高,如果相同即比较下一级别的个数 ,至于各级别的优先级,大家应该已经很清楚了,就是:

important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符

这也就解释了为什么11个标签的定义会比不上1个类的定义,1个类加11个标签会比不上2个类的权重高。

本文版权声明: 全文转载。如果本文或软件侵犯了您的版权,请告之网站管理员。

相关热词搜索:CSS   权重  

上一篇:图片超出大小,按指定宽度等比缩放
下一篇:30个最常用css选择器解析

分享到: 收藏