為選擇器新增一些特殊效果或者進行約束
1.當需要選中ul中的第乙個元素時
<ul>
<
li>aaa
li>
<
li>bbb
li>
<
li>ccc
li>
ul>
ul li:first-child
2.當需要選中ul中的最後乙個元素時
ul li:last-child
3.按父類選擇單一元素（不建議）
<p>text1
p>
<
p>text2
p>
<
p>text3
p>
<
p>text4
p>
p:nth-child(2)
p標籤的父元素（body中）的子元素的第二個，並且是當前標籤才生效，
如：
<h1>text0
h1>
<
p>text1
p>
<
p>text2
p>
<
p>text3
p>
p:nth-child(1)
此時，選擇器不會生效，因為父元素的第乙個子元素是標籤
再舉一例：
<h1>text0
h1>
<
p>text1
p>
<
p>text2
p>
p:nth-child(2)
此時會生效的是text1，即第二個元素且為p標籤
4.按型別選擇單一元素
<p>text1
p>
<
p>text2
p>
<
p>text3
p>
p:nth-of-type(2)
此時生效的是text2，即選擇父元素裡面型別為p標籤的第二個元素
補充：超連結偽類
通常以a，a:hover來實現
結構偽類選擇器
a first child 用來選取結構中的第乙個元素，格式 結構名稱 匹配物件 first child b last child 用來選取結構中的最後乙個元素，格式 結構名稱 匹配物件 first child c nth child 編號 用來選取結構中正數第n個元素，格式 結構名稱 匹配物件 n...
結構偽類選擇器
1.匹配父元素下面的第乙個子元素 匹配規則 父級選擇器 first child 需注意在選擇器後面有乙個空格 2.匹配父元素下面的最後乙個子元素 匹配規則 父級選擇器 last child 同樣需注意在選擇器後面有乙個空格 ul last child3,匹配指定的那個子元素 父級選擇器 nth ch...
結構偽類選擇器
1.結構偽類選擇器 e empty 選中e元素中內容為空的e元素,最終只會選擇到e元素，不會選擇到其他元素 root 選擇到根元素，在html中根元素就是html元素，所以 root html ul li ul div ul li empty root 不限定元素型別 父元素中的所有子元素都會參與計...