上節課
我們學習了nth-child和nth-last-child的高階用法，可以實現隔行變色等效果，但是它在使用的過程中有乙個問題，是什麼問題呢？
咱們來看下面的這個例子：
前端開發網(w3cfuns.com)!從上面的**中，我們可以發現明明設定了奇數行和偶數行的dt，按道理來講，應該是如下圖這種執行效果才對：web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
這是因為，nth-child和nth-last-child在計算子元素是奇數行還是偶數行的時候，是連通父級元素中的所有子元素一起計算的，換句話說，dt:nth-child(odd)這句話的含義，並不是指「當前dl列表中的第奇數個dt子元素來計算」，而是指「當前dl列表的第奇數個子元素如果是h2子元素，那麼將選擇它」，那麼這種計算方式與我們所「理解」的這種需求怎麼計算呢？
nth-of-type選擇器和nth-last-of-type選擇器
這兩個選擇器可以避免上述的問題，css3在計算子元素是第奇數個還是第偶數個自元素的時候，就只針對同型別的子元素進行計算了，這兩個選擇器的使用方法如下所示：
前端開發網(w3cfuns.com)!web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
前端開發網(w3cfuns.com)!
web前端開發起飛區，web前端開發高手聚集地，教程、資源完全免費！
第一章 第二課 選擇器 結構性偽類選擇器 二
第一章 第二課 選擇器 結構性偽類選擇器 二 first child選擇器和 last child選擇器 之所以將這兩個選擇器放到一起來講，是因為它們非常相似，前者表示單獨選擇某類元素的第乙個元素，後者表示單獨選擇某類元素的最後乙個元素。nth child選擇器和 nth last child選擇器...
第一章 第二課 選擇器 結構性偽類選擇器 三
後台資料管理列表經常會有隔行換色的效果，在過去我們的做法是通過js來計算奇數行和偶數航，如今我們有了css3不需要這樣來做了，只需要css定義一下即可 上節課，我們雖然學習了nth chil和nth last child的用法，本節課我們來學習它的高階用法 nth child選擇器和 nth las...
《水煮三國》第一章 第二課
第一章第二課 自助者天助 長江國際工商管理大學的校名出自中國古典名著 三國演義 的開卷詞 滾滾長江東逝水 曾經造就過古往今來的無數英雄豪傑，是一所國際知名學府。劉備能夠成為這所大學的學生，前途遠景，已足以讓人展開無限聯想。叔叔劉元起知道這孩子長大後必有出息，過來對嫂子說 這孩子總算給他死去的爹爭了氣...