现在的位置: 首页 > 综合 > 正文

在 Mozilla UI中书写高效的CSS

2013年05月10日 ⁄ 综合 ⁄ 共 599字 ⁄ 字号 评论关闭

本文是翻译  https://developer.mozilla.org/en/Writing_Efficient_CSS

 目录:

1.样式系统选择器的分类

样式系统将规则断开为下面4中基本种类

(1)id选择器

(2)class选择器(类别)

(3)标签选择器(tag) 

(4)全局选择器

理解这些规则是很重要的,因为他们是选择器匹配的基本单元组成部分。

 在下面中我讲使用key selector  ,key selector 是选择器的最后的那个部分(它匹配自己,而不是匹配着祖先元素)

比如在下面的规则中:

a img, div > p, h1 + [title] {…} 

key selector   分别是img,p [title]

###ID选择器

它是由那些有一个 id selector 组成的选择器作为他们的选择器

例如:

1 button#backButton {…} /* This is an ID-categorized rule */
2 #urlBar[type="autocomplete"] {…} /* This is an ID-categorized rule */
3 treeitem > treerow > treecell#myCell:active {…} /* This is an ID-categorized rule */

###class选择器

     它是由class作为他们key selector

例如: 

1 button.toolbarButton {…} 

抱歉!评论已关闭.