CSS布局教程

基于web标准的网站设计指南

« css的继承和层叠通用元素div和span »

css的特殊性

当然样式应用并不是这么简单,一个设计庞杂的文档样式表,可能会出现很多意想不到的情况,这些特殊性该如何面对,例如,假设你扮演一次浏览器的角色,如何解析下面的样式,怎么办,别急,先让我们从零说起,很难想象,css的开发者们具有怎样的思维,他们要在千头万绪的凌乱逻辑中理出一条最简单的思维路线,最终方便用户区理解和使用,这个线索是加法,一个小学生都会的计算。
为了优化排序各种规则的特殊性,css为每个一种特殊选择符都分配一个值,然后,将规则的每个选择符的值加在一起,就可以计算出每个规则的特殊性,即优先级,这如工资一样,积分越多,收入就越多,根据css规则,一个简单的选择符,若h2,具有特殊性1,用我的理解为1分,class选择符具有特殊性10,即10分,id具有100,即100分,这样计算,@header选择符就具有最大优先,因此字体显示为黑色
如果一个选择符是由多个选择符组合而成的,则它的特殊性就为这些选择符的分配值之和,另外读者还应注意下面几个特殊的应用:
在特殊性逻辑框架中,被继承的值具有特殊性,即不管父级样式的优先权多大,被子元素继承时候,它的特殊性为0,也就是说一个元素显示声明的样式可以覆盖继承来的样式,内联样式优先,带有style属性的元素,其内联样式的特殊性可以为100或者更高,总之,它拥有比上面提到的选择符更大的优先权。
在相同的特殊性下,css将遵循就近原则,也就是说靠近元素的样式具有最大优先权,或者说排在最后的样式最大的优先权, css定义了一个!important命令,该命令被赋予最大权利,也就是说不管特殊性如何,以及样式位置的远近,!important都具有最大优先权医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
答案是否定的,你可能迷惑了,为什么有的属性可以继承,而有的属性不可以继承,不过反过来也可以理解,试想如果边框样式也可能继承,这将是件多么可怕的事情,假设我们为body定义margin为零,则所有子元素的边界都会为零,想一想这样的页面该是什么效果,是不是都挤在一起了,为了避免这种滑稽的错误,css强调部分属性不具有继承性,例如天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作边框属性,边界属性,补白属性,背景属性,定位属性,布局属性,元素宽高属性。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号