专注于网络营销与传统企业的结合
发布:admin | 分类:学习教程资料 | 引用:0 | 浏览:
20 Feb 2009很多朋友接触CSS时间不短了。那你说CSS的优先级到底有什么规律呢?相信很多人会说,让我总结出规律来我一是说不上来,但是到了实际应用我一般都能弄清。是的,我也是这样,心里有一个大致的模糊印象,今天看到标准区几个帖子涉及到CSS选择符的优先级的话题。于是鄙人不才,潜下心来研究了一番。谬误之处,还请大侠们指出,一起共勉。
说说我总结的css优先级的四大原则:
原则一: 继承不如指定
如果某样式是继承来的永远不如具体指定的优先级高。
原则二: #ID > .class > 标签选择符
是的,很多人都知道这条原则。不要急,慢慢看。
原则三:越具体越强大。
解释:当对某个元素的CSS选择符样式定义的越具体,层级越明确,该定义的优先级就越高。
例子:
原则四:标签#id >#id ; 标签.class > .class
四大原则的权重就是
原则一 > 原则二 > 原则三 > 原则四
解释:
首先遵循原则一
有指定开始使用下面的原则,无指定则继承离他最近的定义。
然后开始原则二
1、比较最高优先级的选择符
2、如果两条CSS的如果最高选择符优先级一样,则比较他们的数量
3、如果最高选择符级别和数量都一样,则按照原则二比较他们下一级,以此类推。
无结果开始原则三,最终对决原则四
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
0评论 - 关于css优先级的四大原则