本文全部基于HTML进行讲解，没有考虑XML，XHTML的情况，请知悉。

一、元素选择器

通配选择器

语法：

* { sRules }

说明：

选定文档所有的元素

示例：

* {
　　color: red;  
}

<div>我是div</div>

元素选择器

语法：

E { sRules }

说明：

选定指定的文档元素E

示例：

p {
　　color: red;  
}

<p>我是p</p>

二、类选择器和ID选择器

类选择器

语法：

E.myclass { sRules }

说明：

选定class属性包含myclass的文档元素E

示例：

.myClass {
　　color: red
}

<div class="myclass">我是div</div>

多类选择器

语法：

E.myclass.myotherclass { sRules }

说明：

选定class属性包含myclass以及myotherclass的文档元素E

示例：

.myClass.myotherclass {
　　color: red
}

<div class="myclass myotherclass">我是div</div>

ID选择器

语法：

E#myid { sRules }

说明：

选定id属性值为myid的文档元素E

示例：

#myid {
　　color: red;
}

<div id="myid">我是div</div>

三、属性选择器

简单属性选择器

语法：

E[attr] { sRules }

说明：

选定具有属性attr的文档元素E

示例：

div[id] {
　　color: red;
}

<div id="myid">我是div</div>

CSS选择器详解

原文：http://www.cnblogs.com/laixiangran/p/4966767.html