《
通过实例了解CSS样式优先级》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023493R013.htm
一组嵌套选择器的实际特性能够盘算出来。根本的，使用ID选择器的值是100，使用class选择器的值是10，每个html选择器的值是1。它们加起来就可以计算出特性的值。
--> [
网站建设之]通过实例懂得CSS样式优先级
示例代码p { color: red; }
p { color: blue; }
然而，你不可能常常用雷同的选择器矛盾到达目标，当你应用嵌套挑选器，公道的摩擦来了。比方：
Tag：样式 优先 了解 实例 通过 样式 优先 了解 实例 通过
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选择器,
通过CSS如何让图片实现垂直居中，一个类选择器）
兴许你看起来p元素在div元素里面的色彩是蓝色，就像后面p元素的规矩，然而第一个取舍器的特性却是红色。基础上，一个抉择器越多特征，样式抵触的时候将显示它的款式。
选择器一样的情形下后面的会笼罩前面的属性。好比：
当咱们对一些存在多处冲突的css不知所措时，不妨使用上面的优先级规则计算出真正显示的css样式,通向web标准之路，从而了解我们网页内容真正的显示方法。
当我们的css样式中，假如同个元素有两个或以上冲突的css规则，阅读器 有一些基本的规则来决议哪一个十分特别而胜出，也就是常讲的css优先级。 个别情况下，你不用担忧css样式冲突，但对大型而且庞杂的CSS样式文件，或有良多CSS文件组成的，就无比有可能发生冲突。下面我们通过2个简略的 实例来了解一下：
示例代码div p { color: red; }
p { color: blue,选择网站类型的两大原则与四大方法; }
p元素的元素将是蓝色，由于遵守后面的规则。
依照上面的规则,选择合适的Doctype，解决CSS失效问题，div p.tree的特性比div p高，body #content .alternative p又比它们两个都高。
(责任编辑：网站建设)
通过实例了解CSS样式优先级相关文章