在開發過程中，會碰到一些選擇器的需求：
例如使列表中的第一項或者最後一項顯示不同的樣式 、列表中的奇數或者偶數項顯示不同的背景色 . . . 等等。
我們可以通過 css 來實現這樣的效果，css 給我們提供了幾個樣式引數：first-child、last-child、nth-child(n)。
first-child first-child：選擇列表中的第乙個標籤。
舉例：第一行字型顯示為紅色，**如下：
li:first-child
舉例，最後一行字型顯示為綠色，**如下：
li:last-child
舉例：第三行字型顯示為藍色，**如下：
li:nth-child(3)
舉例，奇數行背景顯示為灰色，**如下：
li:nth-child(odd)
/*first*/
li:nth-child(n+1)
/*second*/
li:nth-child(2n-1)
舉例：偶數行背景顯示為土黃色（不要在意那些細節），**如下：
li:nth-child(even)
li:nth-child(2n)
上面是幾種比較常見的選擇方法，我們還可以通過 css 更靈活的進行選擇，有下面幾種方法：
nth-child(-n+n) nth-child(-n+n)：選擇第 n 個之前的元素（此處的 n 是後面的那個，下同）。
舉例：前三行背景色設定為綠色，**如下：
li:nth-child(-n+3)
舉例：第五行及以後背景色設定為藍色，**如下：
li:nth-child(n+5)
舉例：倒數第三元素字型設定為紅色，**如下：
li:nth-last-child(3)
nth-last-child(n+n) nth-last-child(n+n)：選擇倒數第 n 個之前的元素。
舉例：倒數第三個及之前的元素字型設定為粗體，**如下：
li:nth-last-child(n+3)
nth-last-child(3n) nth-last-child(3n)：選擇第 3、6、. . . 個元素，選擇三的倍數。
舉例：第3、6、 . . . 三的倍數行背景色設定為橙色，**如下：
li:nth-child(3n)
舉例：第1、4、7 . . . 行背景色設定為紅色，**如下：
li:nth-child(3n+1)
pythonpip使用方法 pip使用方法整理
匯出專案已安裝的pip包 pip list 檢視專案中安裝的包 pip freeze requirements.txt 將專案中所用到的第三方庫輸出到requirements.txt中 pip install 版本號 pip install i 本次使用清華源進行安裝 離線安裝第三方庫 一鍵安裝整個...
CSS中 nth child 的使用
選擇第n個，n位數字 nth child n 選擇列表中的偶數標籤 nth child 2n nth child even 選擇列表中的奇數標籤 nth child 2n 1 nth child odd 選擇前幾個元素 負方向範圍 選擇第1個到第6個 nth child n 6 從第幾個開始選擇 正...
機械秒錶的使用方法 秒錶的使用方法！
秒錶是一種常用的測時儀器。又可稱 機械停表 由暫停按鈕 發條柄頭 分針等組成。它是利用擺的等時性控制指標轉動而計時的。它是利用擺的等時性控制指標轉動而計時的。在它的正面是乙個大表盤，上方有乙個小表盤 圖1.4 2 秒針沿大表盤轉動，分針沿小表盤轉動。分針和秒針所指的時間和就是所測的時間間隔。在表正上...