CSS 选择符的用法和实例

　　做这之前，当然得将所有CSS选择符列出来先。

CSS选择符(CSS Selectors - CSS1 and CSS2)

 　　现在已经将所有的CSS选择符都列举出来了，将就对每个选择符做单独的解释和举例。对于以下的这些例子，有些只是简单的应用实例，有些还提供了对比例子，使得可以明显的看出该种选择符的使用范围和方法。

类型选择符(Type Selectors)

　　语法：E1

　　说明：有的时候我们也将它叫做标签选择符，因为它是直接用html标记来做选择符进行操作。目前所有主流浏览器均支持该选择符，属于CSS1选择符。

　　实例：
　　div{color:#F00;}
　　<div>这里是测试内容</div>

包含选择符(Descendant Selectors)

　　语法：E1 E2

　　说明：选择所有被E1包含的E2，这里的E1和E2即可以是html标记，也可以是class或id。目前所有主流浏览器均支持该选择符，属于CSS1选择符。

　　实例：
　　div em{color:#F00;}
　　.test em{color:#F00;}
　　<div>这里是<em>测试</em>内容</div>
　　<div class="test">这里是<em>测试</em>内容</div>

ID选择符(ID Selectors)

　　语法：#sID

　　说明：以DOM中作为对象的唯一标识符的ID作为选择符。目前所有主流浏览器均支持该选择符，属于CSS1选择符。

　　实例：
　　#test{color:#F00;}