結構偽類選擇器：是針對html層次「結構」的偽類選擇器，通過元素的特定位置從而進行定位，減少 html文件對id或者類名的定義。
1.x:first-child 為父元素的第乙個子元素x設定樣式
例如：ul li:first-child表示為父元素ul的第乙個子元素li設定樣式
2.x:last-child 為父元素的最後乙個子元素設定樣式
例如：ul li:last-child表示為父元素ul中最後乙個li元素設定樣式
3.x:nth-child(n) 為父元素的第n個子元素且第n個元素為x設定樣式
例如：p:nth-child(1)表示為當前p元素的父元素body的第乙個子元素且元素為p設定樣式,由於這裡p元素是父級元素的第二個，所以樣式不生效
4.x:nth-of-type(n) 為當前元素的父元素下的第n個x元素設定樣式
例如：p:nth-of-type(1)表示為當前p元素的父元素下的第乙個p元素設定樣式
結構偽類選擇器
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 不限定元素型別 父元素中的所有子元素都會參與計...