该作者 内容 非常详细http://www.jianshu.com/p/36ae44a9ec00#001_2
1.标签选择器、类选择器、id选择器、通配符
/* 标签选择器 */
div{
color:#00ff00;
font-size: 25px;
font-weight: 900;
font-family: "楷体";
}
p{
color:#ffffff;
background: #666666;
font-weight: normal;
}
/* 类选择器 */
.class_div{
color: #ffff00;
}
/* id选择器 */
#id_div{
color: #0000ff;
}
/* 通配符 */
* {
color:#ff00ff;
}
2.并集选择器、交集选择器、后代选择器、子代选择器
/* 并集选择器 设置span标签与class="class_bj"的标签样式*/
span,.class_bj{
color: #0033ff;
}
/* 交集选择器 设置p标签并且class="class_p_jj的标签样式"*/
p.class_p_jj{
background: #ffff99;
}
/* 后代选择器 设置父容器的class="class_father"的下的所有p标签的样式*/
.class_father p{
background: #666666;
}
/* 子代选择器 设置父容器的class="class_father2"的直接子标签p*/
.class_father2>p{
background : #993333;
}