話不多說，**剛起來。
你好
ul:last-child ,ul:first-child選中第乙個/最後乙個ul，child並不代表子元素，而是同級元素。ul:first-child
匹配所有兄弟節點中位置位於an+b位置的元素;其中a，b可以隨意取值，n依次增加得到值。例如a=1，b=1;n=1時選中1*1+1=2位元素。通常由2n+1,2n分別選中奇數、偶數字置的元素。nth-child(odd) | nth-child(even) 也可以用來表示奇數偶數元素
將a設定位0，即可選中單個元素，例如 選中第三個li,設定字型顏色位綠色
將a設定成1，nth-child(nn++b) , n從0依次增加,即選中從b開始的後面所有元素。
3. 如果我們在item03前加乙個section標籤 ，依舊對第三個元素新增字型顏色
你好
但是第三個li並沒有效果。但是如果我們使用li:nth-of-type(3)就可以實現
nth-of-type()用法和nth-child()用法類似，但是 nth-of-type()可以追蹤找到這個型別的第幾個元素，但是nth-child()一旦沒有找到該元素（比如上例這種中間插入其他元素）就會放棄給與的樣式。
tips
nth-child 按照位置來尋找元素新增樣式，如果該元素位置前加了其他元素就會失效。nth-of-type是根據型別一直追蹤該元素，不會中途放棄。
nth系列只能被標籤類呼叫，無法被類名呼叫
nth系列ie9,safari3以上都可以相容,相容性很好。
CSS3 新增偽類
p first of type 父元素中第乙個p子元素 p lastt of type 父元素中最後乙個p子元素 p only of type 父元素中唯一乙個p子元素 p nth of type n 父元素中第n個p型別的p元素 p nth last of type n 父元素中倒數第n個p型別的...
CSS3 新增偽類
p first of type 選擇屬於其父元素的首個 元素的每個 元素。p last of type 選擇屬於其父元素的最後 元素的每個 元素。p only of type 選擇屬於其父元素唯一的 元素的每個 元素。p only child 選擇屬於其父元素的唯一子元素的每個 元素。p nth c...
CSS3新增偽類
p last of type 選擇其父元素的最後的乙個p元素 p last child 選擇其父元素的最後子元素 一定是p才行 p first of type 選擇其父元素的首個p元素 p first child 選擇其父元素的首個p元素 一定是p才行 p only child 選擇其父元素的只有乙...