加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS的优先权问题 考虑CSS的继承与层叠

发布时间:2018-08-19 00:44:51 所属栏目:创业 来源:站长网
导读:猛火建站学院文档 CSS2.1中划定了关于CSS法则Specificity(特异性)的计较方法,用一个四位的数字串(注:CSS2中是用三位)来暗示,最后以Specificity的坎坷判定CSS的优先权。 Specificity详细的计较法则: 1.元素的style样式属性,加1,0,0,0。 2.每个ID选
猛火建站学院文档 CSS2.1 中划定了关于 CSS 法则 Specificity(特异性)的计较方法,用一个四位的数字串(注:CSS2 中是用三位)来暗示,最后以 Specificity 的坎坷判定 CSS 的优先权。

Specificity 详细的计较法则:

1.元素的 style 样式属性,加 1,0,0,0。 
2.每个 ID 选择符(#id),加 0,1,0,0。 
3.每个 class 选择符(.class)、每个属性选择符(例 [attr=”"] )、每个伪类(例 :hover),加 0,0,1,0。 
4.每个元素或伪元素(例 :firstchild)等,加 0,0,0,1。 
5.其他选择符(例 全局选择符 *,子选择符 >),加 0,0,0,0。 
最后逐位相加数字串,获得最终的 Specificity 值,凭证从左到右的次序逐位较量。除了 Specificity 尚有一些其他法则:

6.!important 声明的法则高于统统,假如 !important 声明斗嘴,则较量优先权。 
7.假如优先权一样,则按源码中“其后者居上”的原则。 
8.由担任而获得的样式属性不参加 specificity 的计较,低于统统其他法则(例 全局选择符 * )。 

典型说明:
CSS 优先权是较量重要的观念,尤其在维护复杂的 CSS 样式时,就显得尤为重要了,优先权着实会涉及到许多担任的题目。
本文归纳综合的报告了优先权的相干常识。在现实开拓中,必要留意履历的总结与影象。只有领略与形象的对象,才气更好的接收与应用。

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读