1. 標簽選擇器
ul, ol { list-style: none; }
* { margin: 0;padding: 0; } /* 通配符 */
2. ID選擇器
#div3 { display: none; }
3. CLASS類選擇器
.header { width:100px; height:100px; }
4. 選擇器的規(guī)范
- 見名知意, 統(tǒng)一使用英文單詞命名, 不能使用漢語拼音
- 盡量使用小寫英文命名, 不能以中文命名
- 命名可以使用連接線(-)、下劃線(_)、數(shù)字, 但是不能以其開頭
- 可以使用駝峰命名法
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
