css3 :nth-child()選擇器的使用
一、nth-child() 1. nth-child(n)：父元素下的第n個子元素，n>0，索引從1開始。不區分子元素類型。 2. nth-child(odd)：父元素下的奇數子元素，等同於：nth-child(2n-1)。區分子元素類型。 3. ntn-child(even)：父元素 ...
原文：css選擇器 nth-child
html代碼： 一 nth child . nth child n 父元素下的第n個子元素，n必須大於 ，索引都是從 開始。 ps 這里僅僅說是父元素的第幾個子元素，而並沒有限制該類型的子元素。比如： 運行之后： . nth child odd 父元素下的奇數子元素 等同於nth child n ps 這貨是區分子元素類型的，比如： . nth child even 父元素下的偶數子元素 同樣區分 ...
2017-12-15 10:50 0 4435 推薦指數：
相關推薦
CSS3 偽類選擇器 nth-child
有時候我們在處理多個同樣的<span><.li>等時，其中有一兩個需要與其他兄弟不一樣，這時候我們就需要css3的偽類選擇器 nth-child。下面總結一下幾種選取方式 以下HTML css 共用 效果圖： 1. e ...
偽類選擇器 :nth-child(even) :nth-child(odd) :nth-of-type
屬性 描述 CSS :active 向被激活的元素添加樣式。 1 :focus 向擁有鍵盤輸入焦點的元素添加樣式。 2 :hover 當鼠標懸浮在元素上方 ...
CSS:nth-child選擇器用法練習
:nth-child()選擇器，選擇器選取父元素的第 N 個子元素，與類型無關。 :nth-child(n) 選擇器匹配屬於其父元素的第 N 個子元素，不論元素的類型。n 可以是數字、關鍵詞或公式。 :nth-child (an + b) 描述：表示周期的長度，n 是計數器 ...
【CSS3】---結構性偽類選擇器—nth-child(n)+nth-last-child(n)
結構性偽類選擇器—nth-child(n) “:nth-child(n)”選擇器用來定位某個父元素的一個或多個特定的子元素。其中“n”是其參數，而且可以是整數值(1,2,3,4)，也可以是表達式(2n+1、-n+5)和關鍵詞(odd、even)，但參數n的起始值始終是 ...
CSS3 偽類選擇器 nth-child() 的用法
偽類選擇器 nth-child() 在IE6-8和FF3.0-瀏覽器不支持,CSS3中nth-of-type(n)（比如nth-of-type(1)）這個特殊的類選擇符可以樣式更加個性的標題和段落等，不過，目前nth-of-type(n)只支持火狐3、opera、safari和chrome等部分 ...
CSS3的nth-child() 選擇器，表格奇偶行變色
nth-child() 應用背景 CSS3的nth-child() 選擇器，我之前很少用，在做表格偶數行變色的時候，我通常在綁定的時候，做一個js判斷，來加一個css，從而使表格偶數行和奇數行顏色不一樣。這樣的兼容性很好。但是最近在做手機網站的時候，由於手機網站對瀏覽器兼容要求相對 ...
IE8下CSS3選擇器nth-child() 不兼容
一、代碼 二、預覽效果如上圖，ie9及以上背景色能顯示問題：如上圖，ie8背景色顯示不出來 三、解決方法 四、css其他選擇器 :nth-of-type() 選擇器 ——選擇器匹配屬於父元素的特定類型的第 N 個子元素的每個元素. n 可以是 ...