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 可以是 ...