原文:IE8下CSS3選擇器nth-child() 不兼容

一 代碼 二 預覽效果如上圖,ie 及以上背景色能顯示問題:如上圖,ie 背景色顯示不出來 三 解決方法 四 css其他選擇器 :nth of type 選擇器 選擇器匹配屬於父元素的特定類型的第 N 個子元素的每個元素.n 可以是數字 關鍵詞或公式。與:nth child n 不同的是后者與類型無關。 同樣不支持IE :first of type 選擇器匹配屬於其父元素的特定類型的首個子元素的每 ...

2016-11-16 15:26 0 2505 推薦指數:

查看詳情

解決ie8及以下不支持css3中的:nth-child()選擇器問題

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

Mon Nov 14 23:14:00 CST 2016 0 3975
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):父元素 ...

Fri Jun 08 18:35:00 CST 2018 0 1411
CSS3 偽類選擇器 nth-child

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

Fri Sep 13 00:16:00 CST 2019 0 1190
css選擇器 nth-child

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

Fri Dec 15 18:50:00 CST 2017 0 4435
IE8兼容CSS3選擇器

來自英國的網頁開發工程師Keith Clark 開發了一個JavaScript方案來使IE支持CSS3選擇器。該腳本支持從IE5到IE8的各個版本。 首先,您需要下載DOMAssistant腳本和ie-css3.js腳本並將他們包含進head標簽中.====只要百度ie-css3.js然后下 ...

Fri May 11 18:55:00 CST 2018 0 1750
CSS3 偽類選擇器 nth-child() 的用法

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

Tue Apr 12 02:54:00 CST 2016 0 9614
CSS3nth-child() 選擇器,表格奇偶行變色

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

Mon Mar 25 22:29:00 CST 2019 0 531
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的起始值始終是 ...

Thu Apr 23 23:29:00 CST 2015 0 3373
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM