分類：
-
元素選擇器
- 標(biāo)簽:
使用標(biāo)簽作為選擇
<p> - ID:
使用ID作為選擇
#id值 - 類(class):
.class值
使用類作為選擇
- 標(biāo)簽:
-
關(guān)系選擇器
- 后代選擇器(空格)
div p
選擇所有div標(biāo)簽下的所有p標(biāo)簽(>) - 子代選擇器
div>p
選擇所有div標(biāo)簽下的直接（一層）兒子p標(biāo)簽 - 交集選擇器(沒有分割)
div.class1
選擇所有的div標(biāo)簽，class=class1的標(biāo)簽肺然，兩個(gè)相交的部分 - 并集選擇器(,)
h2,p
同時(shí)選擇所有h2標(biāo)簽和所有p標(biāo)簽
- 后代選擇器(空格)
<div>
<h2>我是標(biāo)題</h2>
<p>我是段落1</p>
<p class="class1">我是段落2</p>
</div>
-
兄弟選擇器
- 只選擇后面的一個(gè)+
h2+p
只選擇“我是段落1” - 選擇后面的所有~
h2~p
選擇后面的所有p標(biāo)簽
- 只選擇后面的一個(gè)+
-
序選擇器
只有一個(gè)(only)
:only-child第一個(gè)(first)
:first-child
:first-of-type最后一個(gè)(last)
:last-child
:last-of-type第幾個(gè)(n,可以是數(shù)字;odd;even;xn+y)
:nth-child(n)
:nth-of-type(n)倒數(shù)第幾個(gè)(last n,可以是數(shù)字;odd;even;xn+y)
:nth-last-child(n)
:nth-last-of-type(n)
