css 选择器优先级(权重)

选择器 权重 用法
!import 最高 color:#ccc !import; (IE6以前不能覆盖后面的规则)
标签内联样式 1000 <p style="color:#ccc"></p>
id 100 #font-color{ color:#ccc}
class 10 .font-color{color:#ccc}
标签 1 p{color:#ccc}
通配符 < 标签 *{ color:#ccc }
浏览器默认 < 通配符 ……

注:权重可叠加比较大小 : #font-color > div p .font-color (100 > 12)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 8,502评论 0 40
  • 1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...
    秦小婕阅读 4,944评论 0 1
  • 脑,浆糊;脑,空白; 像一个失去了发条的机器; 似一个心有余而力不足的傀儡; 四肢无力,心胸无感; 目光呆涩,面无...
    幸運阅读 2,828评论 0 0
  • 学无止境,在忙碌的学习中。努力是被利用较多的词。前些天看了一篇文章《嘘,我正偷偷的努力》。感受很深,努力是褒义词,...
    蔓风阅读 3,325评论 2 3