码迷,mamicode.com
首页 > Web开发 > 详细

正式回归css之样式优先级

时间:2015-10-16 16:59:09      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

  总结起来很简单:对于一个元素

1.本身没有样式修饰,它会怎么做呢?search! 所以

  第一个原则:就近原则,找到离自己最近的祖先元素继承样式

2.本身有样式

  2.1 内嵌样式(style)>内联样式表>外联样式表 这点没什么好说的 

  2.2 当涉及到多个选择器修饰的时候,有优先级顺序:内嵌样式>id>class>标签

  举个栗子吧,就是  先比较id个数,在以此类推,具体看demo

https://jsfiddle.net/y0a14gqv/

  2.3 !important 最无敌 记住这点就可以了

正式回归css之样式优先级

标签:

原文地址:http://www.cnblogs.com/belongcai/p/4885620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!