1. 标签选择器
ul, ol { list-style: none; }
* { margin: 0;padding: 0; } /* 通配符 */
2. ID选择器
#div3 { display: none; }
3. CLASS类选择器
.header { width:100px; height:100px; }
4. 选择器的规范
- 见名知意, 统一使用英文单词命名, 不能使用汉语拼音
- 尽量使用小写英文命名, 不能以中文命名
- 命名可以使用连接线(-)、下划线(_)、数字, 但是不能以其开头
- 可以使用驼峰命名法
5. 选择器的类型
1. 子元素选择器
世袭制，只能传给儿子，孙子和其他堂亲都不行。
.box2>ul>li>ul>li{}
选中亲儿子
2. 后代选择器
不管是儿子还是孙子都会被选中，为后代选择器，
即，无论你在哪里，我都要选中你，因为你是我的后代。
.box3 span{}
选中box3下面的所有span
3. 群组选择器
.box3 p,span{}
选中box3里面的p同时选中所有的span
4. 复合选择器
.box2 ul li .c2{}
选中box2下面的ul下面的有类名为c2的li
5. 毗邻选择器
递进关系。
.box4 p+span{}
选中p紧邻的span
6. nth-child选择器(CSS3的新选择器)
伪类选择器。
.work3 ul li:nth-child(2) span{ background-position: -435px 0; }
选中work3下的ul下的第2个li下的span
