关于CSS优先级以及!important的一些用法总结
关于CSS优先级的问题,是一些同学的难题,其实这也是入门级的知识。
在http://www.cssforest.org/faq/topic/view/19.html这里仔细看了博主写的内容。确实分析的很好,但是个人觉得写得有点乱,而且简单的问题说的复杂了。大家可以看http://www.sonyes.cn/article/css/123.htm这里有更简单的方法,也更明了一些。
一组嵌套选择器的实际特性可以计算出来。基本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。它们加起来就可以计算出特性的值。
p的特性是1(一个html选择器)
div p的特性是2(两个html选择器)
.tree的特性是10(1个class选择器)
div p.tree的特性是1+1+10=12,(两个html选择器,一个class选择器)
#baobab的特性是100(1个ID选择器)
body #content .alternative p的特性是112(两个html选择器,一个ID选择器,一个类选择器)
按照上面的规则,div p.tree的特性比div p高,body #content .alternative p又比它们两个都高。





