本文是翻译 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, h
1
+ [title] {…}
key selector 分别是img,p [title]
###ID选择器
它是由那些有一个 id selector 组成的选择器作为他们的选择器
例如:
1 |
button #bac kButton {…} /* 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 {…}
|