有時候我們在處理多個同樣的<span><.li>等時，其中有一兩個需要與其他兄弟不一樣，這時候我們就需要css3的偽類選擇器 nth-child。下面總結一下幾種選取方式 以下HTML css 共用 效果圖： 1. e ...

html代碼： 一、nth-child 1.1、nth-child(n) 父元素下的第n個子元素，n必須大於0，索引都是從1開始。 ps、這里僅僅說是父元素的第幾個子元素，而並沒有限制該類型的子元素。比如： 運行之后 ...

偽類選擇器 nth-child() 在IE6-8和FF3.0-瀏覽器不支持,CSS3中nth-of-type(n)（比如nth-of-type(1)）這個特殊的類選擇符可以樣式更加個性的標題和段落等，不過，目前nth-of-type(n)只支持火狐3、opera、safari和chrome等部分 ...

nth-child() 應用背景 CSS3的nth-child() 選擇器，我之前很少用，在做表格偶數行變色的時候，我通常在綁定的時候，做一個js判斷，來加一個css，從而使表格偶數行和奇數行顏色不一樣。這樣的兼容性很好。但是最近在做手機網站的時候，由於手機網站對瀏覽器兼容要求相對 ...

一、代碼 二、預覽效果如上圖，ie9及以上背景色能顯示問題：如上圖，ie8背景色顯示不出來 三、解決方法 四、css其他選擇器 :nth-of-type() 選擇器 ——選擇器匹配屬於父元素的特定類型的第 N 個子元素的每個元素. n 可以是 ...

結構性偽類選擇器—nth-child(n) “:nth-child(n)”選擇器用來定位某個父元素的一個或多個特定的子元素。其中“n”是其參數，而且可以是整數值(1,2,3,4)，也可以是表達式(2n+1、-n+5)和關鍵詞(odd、even)，但參數n的起始值始終是 ...

轉自愛設計 原文鏈接http://www.dangshopex.com/jishufenxiang/WEBkaifajishu/8653.html CSS3的強大，讓人驚嘆，人們在驚喜之余，又不得不為其艱難的道路感到可惜：好的標准只有得到行業瀏覽器的良好支持才算得上“標准”。CSS3標 准已提 ...

方法一：使用毗鄰選擇器代替（+） li:nth-child(3) 代替寫法：li:first-child+li+li 或者 li+li+li 方法二：使用jQuery中的選擇器:nth-child代替，和css3中的使用規則相同 :nth-child(odd)用於匹配奇數子元素 ...