示例：-child型別的選擇器，首先選擇的是位置，其次是在看元素， 例如.one p:nth-last-child(6)這個選擇器 首先會在父元素 .one 下從末尾查詢其倒數第六個元素，然後再判斷這個元素是不是 p 元素，如果是，則為這個元素新增後面的樣式； 如果父元素 .one 下只有五個子元素 或者 第六個元素不是 p 元素，則此樣式不會作用於任何元素。 例如：
.one p:last-child ，意思是在父元素 .one 下查詢最後乙個元素，再判斷是否是p元素，如果是應用後面的樣式，如果是p元素以外的其他元素，此樣式無作用。
示例： -of-type 型別的選擇器。首先查詢子元素，再查詢其位置。 例如：
.one p:first-of-type樣式，先在父元素 .one 下 查詢所有的 p 元素，然後再找第乙個，設定後面的樣式；如果父元素 .one 下沒有 p 元素，則此樣式無作用。例如：.one span:nth-last-of-type(2)樣式，先在父元素 .one 下查詢所有的 span 元素，再找到的span中從最後開始找到第二個（即倒數第乙個span），設定後面的樣式。
html 偽類選擇器
1.first child 偽類選擇器，選取其父元素的第乙個子元素的元素 2.last child 偽類選擇器，選取其作為父元素的最後乙個子元素 3.nth child n 偽類選擇器，選其作為父元素的第n個子元素的元素。4.before 偽元素選擇器，所有子元素的最前面新增乙個偽元素。5，afte...
結構偽類選擇器
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...