原文: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-2026 CODEPRJ.COM