论坛首页 Web前端技术论坛

ext中css的样式选择问题

浏览 4627 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-01-28  
CSS
在ext-all.css中发现下边这段代码

td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
   border: 0 none;
text-align:center;
vertical-align: middle;
width:25%;
}

td.x-date-mp-month 这中间是不是需要加个空格才对呢?
   发表时间:2008-01-29  
关于特殊性选择

为了计算规则的特殊性,每种选择器被分配一个数字值。然后,将规则的每个选择器的值加在一起,计算出规则的特殊性。不幸的是,特殊性的计算不是以10为基数的,而是采用一个更高的未指定的基数。这确保非常特殊的选择器(比如ID选择器)不会被大量比较一般的选择器(比如类型选择器)的组合所超越。但是,为了简化,如果在一个特定选择器中的选择器数量少于10个,那么可以以10为基数计算特殊性。

选择器的特殊性分成四个成分等级:a、b、c和d。

如果样式是行内样式,那么a = 1。

b = ID选择器的总数。

c = 类、伪类和属性选择器的数量。

d = 类型选择器和伪元素选择器的数量。

使用这些规则可以计算任何CSS选择器的特殊性。表1-1给出一系列选择器以及相应的特殊性。



初看上去,上面对特殊性的讨论和更高的未指定的基数可能有点儿让人糊涂,所以再解释一下。基本上,用style属性编写的规则总是比其他任何规则特殊。具有ID选择器的规则比没有ID选择器的规则特殊,具有类选择器的规则比只有类型选择器的规则特殊。最后,如果两个规则的特殊性相同,那么后定义的规则优先


  • 描述: 摘自《精通CSS》 第14页。
  • 大小: 25.2 KB
0 请登录后投票
   发表时间:2009-01-13  
redge 写道
在ext-all.css中发现下边这段代码

td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
   border: 0 none;
text-align:center;
vertical-align: middle;
width:25%;
}

td.x-date-mp-month 这中间是不是需要加个空格才对呢?



为何要加空格。

td.x-date-mp-month 这个代表td的class为x-date-mp-month的样式是什么样。
如果多个用,分隔
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics