分類(lèi)：

• 元素選擇器

  • 標(biāo)簽:
    使用標(biāo)簽作為選擇
    <p>
  • ID:
    使用ID作為選擇
    #id值
  • 類(lèi)(class):
    .class值
    使用類(lèi)作為選擇

• 關(guān)系選擇器

  • 后代選擇器(空格)
    div p
    選擇所有div標(biāo)簽下的所有p標(biāo)簽(>)
  • 子代選擇器
    div>p
    選擇所有div標(biāo)簽下的直接（一層）兒子p標(biāo)簽
  • 交集選擇器(沒(méi)有分割)
    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è)(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)