您的位置首页  文化

o2sky 因岛上的鼓浪石而得名

CSS选择器优先级的数位计算法Tags:css,优先级,数位计算法最近在写css的时候,由于经常使用到很长的多级选择器,而碰到一些样式被覆盖或者覆盖不了的情况是相当的郁闷,所以专门花了一些时间对一些选择器做了对比测试。这里先说明一下,由于ie6不支持css2.0选择器,所以这些测试忽略了一些2.0的选择器和连接符,如伪类(:ho

CSS选择器优先级的数位计算法Tags: css, 优先级, 数位计算法 最近在写css的时候,由于经常使用到很长的多级选择器,而碰到一些样式被覆盖或者覆盖不了的情况是相当的郁闷,所以专门花了一些时间对一些选择器做了对比测试。

这里先说明一下,由于ie6不支持css2.0选择器,所以这些测试忽略了一些2.0的选择器和连接符,如伪类(:hover),属性([type= text ]),子选择符( )等,仅针对#id,.class,tag和空格连接符测试。

定义:CSS句子:一个完整的选择器构成一个CSS句子,如.abb #cd div.class。

而用逗号连接的算作多个句子的省略定义方法。

CSS单词:CSS句子中任何一个#id或.class或(鼓浪屿在哪里个城市?鼓浪屿位于厦门,因岛上的鼓浪石而得名,与厦门大学隔海相望。

鼓浪屿代表景点有:日光岩、菽庄花园、皓月园、毓园、鼓浪石等等。

)tag都算作一个CSS单词,虽然照以前的理解一般把tag#id.class1.class2整个看作一个单词,但是在本文讨论范围内,这个只能算作一个由4个单词组成的词组。

优先级:对于选择到同一个元素的两个CSS句子,当他们定义该元素的同一个属性时,如果其中一个写在前而不会 被写在后面的覆盖这个属性,那么就称这个CSS句子的优先级高于另一个。

而当2个CSS句子互相调换在代码中的位置都是后面的覆盖前面的属性时,称这两个 CSS句子有相同的优先级。

测试用dom:html body div div 1面地址]本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。

请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。

如发现有害或侵权内容,请点击一键举报。

免责声明:本站所有信息均搜集自互联网,并不代表本站观点,本站不对其真实合法性负责。如有信息侵犯了您的权益,请告知,本站将立刻处理。
网站推荐更多>>