1. 通用选择器 *
* { padding: 0; margin: 0; }
2.id选择器
#foo { width: 100%; }
3.class选择器
.foo {
height: 100px;
}
4.标签选择器
h1 { color: #000; }
5.后代选择器
div p { color: #000; }
选择div后面的所有p元素
6.相邻选择器
div + p { color: #000; }
选择div后面的p元素
7.子元素选择器
div > p { color: #000; }
原文：https://www.cnblogs.com/bear-blogs/p/10332510.html