伪类选择器 :nth-child(even) :nth-child(odd) :nth-of-type
属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦 ...
原文：伪类选择器 E:nth-child(n)、E:nth-of-type(n)
结构伪类是css 新增的类型选择器。E:nth child n E:nth of type n 就是其中之二。搞懂了这两个，基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩： E:nth child n ： 选择父元素下的第n个子元素，并且这第n个子元素的类型为E, 还是语言描述了之后用例子比较好 上面这个例子很简单，来简单分析一下样式表中的span:nth c ...
2017-05-04 20:45 0 1342 推荐指数：
相关推荐
nth-child(n)和nth-of-type(n)的区别
1.官方解释： p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。 p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。 2.大白话 p:nth-child ...
【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的起始值始终是 ...
虎记：强大的nth-child(n)伪类选择器玩法
写在前面的戏： 最近参加了度娘前端IFE的春季班，刷任务，百度真是有营销头脑，让咱们这帮未来的技术狂人为他到处打广告（我可不去哪），其中做的几个任务中有几个以前没有用到的东西， 也算是有些许收获（现在做了一半任务哦，萌萌哒），今天就来捋一捋css强大的nth-child(n)选择器 ...
CSS3 伪类选择器 nth-child
有时候我们在处理多个同样的<span><.li>等时，其中有一两个需要与其他兄弟不一样，这时候我们就需要css3的伪类选择器 nth-child。下面总结一下几种选取方式 以下HTML css 共用 效果图： 1. e ...
jQuery 选择器(:nth-child(n))详解(zf)
jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择器，用于匹配作为父元素下的倒数第n个(或符合特定倒数顺序的)子元素。 注意：:nth-child ...
一次性分清nth-child(n)和nth-of-type(n)
nth-child和nth-of-type都是子代选择器，他们的区别就是nth-child强制是父元素的第几个子元素，而nth-of-type要求是同中类型的第几个元素。 可以看到页面没有任何元素变色。原因是该选择器先找到p元素的父元素body，然后找父元素的第一个子元素，body ...
nth-of-type与nth-child的区别
nth-of-type： 简单来说nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选，也就是选择的参照点并不是DOM数，而是自身。下面我们结合具体的例子来了解下。 代码效果如下图所示，文本中的第3个p标签背景颜色发生改变。 nth-child ...