关于css优先级的四大原则

发布:admin | 分类:学习教程资料 | 引用:0 | 浏览:

20 Feb 2009

很多朋友接触CSS时间不短了。那你说CSS的优先级到底有什么规律呢?相信很多人会说,让我总结出规律来我一是说不上来,但是到了实际应用我一般都能弄清。是的,我也是这样,心里有一个大致的模糊印象,今天看到标准区几个帖子涉及到CSS选择符的优先级的话题。于是鄙人不才,潜下心来研究了一番。谬误之处,还请大侠们指出,一起共勉。

说说我总结的css优先级的四大原则:

原则一: 继承不如指定

如果某样式是继承来的永远不如具体指定的优先级高。

原则二: #ID >  .class >  标签选择符

是的,很多人都知道这条原则。不要急,慢慢看。

原则三:越具体越强大。

解释:当对某个元素的CSS选择符样式定义的越具体,层级越明确,该定义的优先级就越高。
例子:

原则四:标签#id >#id  ;  标签.class > .class

四大原则的权重就是

原则一 > 原则二 > 原则三 > 原则四

解释:

首先遵循原则一

   有指定开始使用下面的原则,无指定则继承离他最近的定义。

然后开始原则二

1、比较最高优先级的选择符
2、如果两条CSS的如果最高选择符优先级一样,则比较他们的数量
3、如果最高选择符级别和数量都一样,则按照原则二比较他们下一级,以此类推。

无结果开始原则三,最终对决原则四

  • 相关文章:

0评论 - 关于css优先级的四大原则

发表评论

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

关于

自从有了Blog,我们的世界变得不一样了,在这里说我想说的,说我能说的,能看到这里的,感谢您的关注,同时最美好的祝愿送给您。

我的图片

日历


控制面板

最近发表

最近留言