该作者 内容 非常详细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; }