深刻理解css优先选择权_第1页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、第 1 页 共 3 页深刻理解深刻理解 css 优先选择权优先选择权css 优先挑选权让一些新手十分头疼, 下面 divcss5 小编带大家深化理解 css 优先挑选权。首先就是 css 规章的 specificity(特别性),css2.1 有一套关于specificity 的计算方式,用一个四位的数字串(css2 是三位)来表示,终于 specificity 越高的规章越特别,在优先级判定时也就越有优势。关于 specificity 的详细计算在各种状况下的数字加成有如下普通规章:每个 id 挑选符(someid),加 0,1,0,0每个 class 挑选符(.someclass)、每个属

2、性挑选符(形如attr="等)、每个伪类(形如:hover 等)加 0,0,1,0每个元素或伪元素(:firstchild)等,加 0,0,0,1其他挑选符包括全局挑选符*,加 0,0,0,0 相当于没加,不过这也是一种 specificity,后面会说明。按这些规章将数字串逐位相加, 就得到终于计算得的specificity,然后在比较取舍时根据从左到右的挨次逐位比较。举一些例子吧:h1 color: red;/惟独一个一般元素加成,结果是 0,0,0,1body h1 color: green;/两个一般元素加成,结果是 0,0,0,2 */ —&am

3、p;mdash;后者胜出第 2 页 共 3 页h2.grape color: purple;/一个一般元素、一个 class 挑选符加成,结果是 0,0,1,1*/h2 color: silver;/一个一般元素,结果是 0,0,0,1 */ ——前者胜出html body table trid=totals td ul li color: maroon;/7 个一般元素、 一个属性挑选符、 两个其他挑选符, 结果是 0,0,1,7 */lianswer color: navy;/一个id挑选符, 一个一般挑选符, 结果是0,1,0,1 */ &

4、mdash;—后者胜出除了 specificity 还有一些其他规章:文内的样式优先级为 1,0,0,0,所以始终高于外部定义。这里文内样式指形如 blah 的样式, 而外部定义指经由或标签定义的规章。有!important 声明的规章高于一切。假如!important 声明矛盾,则比较优先权。假如优先权一样,则根据在源码中浮现的挨次打算,后来者居上。由继承而得到的样式没有 specificity 的计算,它低于一切其他规章(比如全局挑选符*定义的规章)。关于经由import 载入的外部样式, 因为import 必需浮现在全部其他规章定义之前(如不是,则扫瞄器应当忽视之),所以根据青出于蓝原则,普通优先权矛盾时是占下风的。这里需要提一下 ie,ie 是可以识别位置错误的i

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论