CSS教程：认识层叠规则互相作用
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-04
| ;p class=”warning”>层叠和继承的规则如何实现？</p>
此代码在浏览器内显示如图4-31所示。 
图4-31 选择器的特殊性 这是由于类选择器“warning”和类型选择器“p”的“特殊性”不同。 特殊性（specificity）描述了不同选择器的相对权重（weight）。一个选择器的特殊性是这样计算的： ·如果CSS属性是通过(X)HTML元素的style属性定义的，则记为a=1，否则记为0； 由于style属性是写在(X)HTML标签内的，因此不存在选择器，所以：a=1, b=0, c=0, 且 d=0； ·计算选择器中ID选择器的数量，计为b； ·计算选择器中类选择器、属性选择器和伪类的数量，计为c； ·计算选择器中类型选择器的数量，计为d； ·忽略伪元素。 将这4个数字（a, b, c, d）相连（数字进制要以大的为准），得到特殊性。例如： { …… } 特殊性 = 0, 0, 0, 0 li { …… } 特殊性 = 0, 0, 0, 1 ul li { …… } 特殊性 = 0, 0, 0, 2 ul ol+li { …… } 特殊性 = 0, 0, 0, 3 h1 + [rel="up"] { …… } 特殊性 = 0, 0, 1, 1 ul ol li.warning { …… } 特殊性 = 0, 0, 1, 3 li.menu.level { …… } 特殊性 = 0, 0, 2, 1 #x34y { …… } 特殊性 = 0, 1, 0, 0 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 介绍我知道的hack方法下一篇: CSS网页布局强制换行和强制不换行的属性讲解
关于CSS教程：认识层叠规则互相作用的所有评论
