這是一個css選擇器，一個真正的偽類選擇器，它就是nth-child(),下面是使用它的范例。 ul li:nth-child(3n+3) { color: #ccc; }上面的css是干什么用的，它就是在html' target='_blank'>無序列表里面選擇是3倍數的列。也就是第3個，第6個，第9個等等。但是它工作原理是怎樣的那？如果遇到其它情況你又如何使用nth-child那？總的來說nth-child()圓括號里面支持兩個關鍵詞：even與odd。他們應該很明顯的，even選擇偶數標簽，如第2、第4、第6等等。odd選擇奇數標簽，如第1，第3，第5等等。正如你在第一個例子里面看到的，nth-child()的圓括號里也支持方程式的，是最簡單的方程式嗎？僅僅是數字。如果你在圓括號里面輸入一個數字，那它僅僅選擇這個數目對應的那個標簽。比如，如何僅僅選擇第5個標簽元素。 ul li:nth-child(5) { color: #ccc; }讓我們回到剛開始例子里面的“3n+3”上面吧，他的工作原理是怎樣的？為什么他僅僅選擇3倍數的標簽元素？這里就要理解“n”與數學方程式的計算?！皀”則表示大于等于0的整數。由此可見 3n就是3 x n，這個方程式就可以解釋為”(3xn)+3″,也就是n為0或大于0的整數。于是我們可以得到 (3 x 0) + 3 = 3 = 3rd Element (3 x 1) + 3 = 6 = 6th Element (3 x 2) + 3 = 9 = 9th Element 等等 :nth-child(2n+1)又是怎么計算的那？ (2 x 0) + 1 = 1 = 1st Element (2 x 1) + 1 = 3 = 3rd Element (2 x 2) + 1 = 5 = 5th Element 等等稍等！這跟“odd”是一樣的！所以”1“就沒有必要多次出現了?，F在，再看我們原來的例子就感覺代碼復雜了些。我們可以用“3n+0”甚至“3n”代替“3n+3”. (3 x 0) = 0 = no match (3 x 1) = 3 = 3rd Element (3 x 2) = 6 = 6th Element (3 x 3) = 9 = 9th Element 等等正如你所看到的，我們不用+3就可以做到同樣的效果。我們也可以使用負數。在方程式里面使用減法，如4n-1； (4 x 0) ndash; 1 = -1 = no match (4 x 1) – 1 = 3 = 3rd Element (4 x 2) – 1 = 7 = 7th Element 等等使用“-n”值看起來有點古怪。如果方程式計算得到的值是負數，他就不指定任何元素標簽。正如結果展示的那樣，這是一個相當聰明的技術，你可以使用“-n+3”選擇選擇前幾個元素標簽。-0 + 3 = 3 = 3rd Element -1 + 3 = 2 = 2nd Element -2 + 3 = 1 = 1st Element -3 + 3 = 0 = no match 等等。www.sitepoint.com站點有很好的參數講解與指導，包括一些手動列表。我直接發布到這里了！html教程
