ID 选择器

#test{
    color : red;
}

Class 选择器

.test{
    color : red;
}

元素选择器

div {
    color : red;
}   

后代选择器 & 子级选择器

子级选择器
只符合 div 元素下的第一层 p 元素
div > p {
    color : red;
}  
包括子级 与 子级的子级
只要是 div 元素下的任何 p 元素
div p {
    color : red;
}    

兄弟选择器

div + p{
    color : red;
}

examples : 

<body>
    <div> test div </div>
    <p> test p </p>  <!-- 此 p 元素符合上述 css 声明 -->
</body>

css3 新增语法(普通相邻兄弟选择器)
div ~ p{
    color : red;
}

examples : 

<body>
    <div> test div </div>
    <h1> H1 </h1>
    <p> test p1 </p>  <!-- 此 p 元素符合上述 css 声明 -->
    <p> test p2 </p>  <!-- 此 p 元素符合上述 css 声明 -->
</body>

分组选择器

div , p{
    color : red;
}

元素属性选择器

input[type=button]{
    color : red
}