:nth-child(n)是选择父元素的第n个子元素。 :nth-of-type(n)是选择父元素的第n个同类型的子元素.read p:nth-child(2) 选择的是父元素.read第2个子元素,且是p元素。(先找第2个,再找是不是p) .read p:nth-of-type(2) 则是选择父元素.read第2个为p的子元素。(先找p,再找第2个) ...
1,childselector元素的父元素的所有子元素,开始index从1开始计数 2,childselector,index:两个约束的地方 childselector:nth-of-type(index) 1,childselector元素的父元素的childselector子元素,开始index从1开始计数 2,childselector,index:两个约束的地方 nth的中文意思 形容词(一系列事物中)第 n 次的,第 n ...
一、:nth-child 1.1 说明 :nth-child(n)选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。 注意:如果第 N 个子元素与选择的元素类型不同则样式无效! 1.2 示例 div>p:nth-child(2){ color:red; }我是第1个段落我是第2个段落<!--符合条件:1、是元素,2、父元...
1.nth-child:按照个数来算。 nth-of-type:按照类型来计算,如果是class那么碰到不同类型的,单独一类,符合条件的选中。 2.在不指定类型时,nth-child(n)选中的是父元素下的第N个子元素。nth-of-type(n)选中的是父元素下的不同类型标签的第N个。 3.ele:nth-child(n)要求不仅仅是第n个子元素,并且这个子...
因为nth-of-type他是当前元素的兄弟元素的第n个,而nth-child是当前元素的兄弟节点的第n个当前元素,所以p:nth-of-type(4)是第四个p元素,只能是p元素的第四个,即 当前元素:nth-of-type无论中间加入什么元素,都只能是当前元素的第n个,而p:nth-child(4)是取第四个兄弟节点的p元素,所以我们发现第三个p被...
CSS3中nth-child与nth-of-type的区别其实很简单::nth-of-type为什么要叫:nth-of-type?因为它是以"type"来区分的。也就是说:ele:nth-of-type(n)是指父元素下第n个ele元素, 而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele,若不是,则选择失败。
nth-child(n)与nth-of-type(n)好像在平时使用中并没有太大的区别,至少我之前是这么想的,直到有一次…… 用法与区别 其实这两个选择器的日常的使用也不是很频繁,但是有的时候的确很好用。 不如正题: 仔细看下定义就知道两者的区别了 nth-child(n) ...
nth-of-type选择:更强调类型(type),首先是p nth-child()与nth-of-type()区别 首先需要注意的是,css中根本没有 nth-of-child()的写法,本人有时会写成这种形式,导致效果出不来。 其次,不管是nth-child(n),还是nth-of-type(n),两者()中的...:nth-child(4)。 nth-of-type按元素类型进行分类,你是...
结构伪类选择器nth-child与nth-of-type的区别 首先他们都是属于结构伪类选择器,都可以键入公式、关键词、序号等 不过他们在指定查找元素时会小小的区别 nth-child:会将所有元素进行标号,当查找指定元素是,会先根据序号查找该元素,找到后在与伪类前面的元素进行匹配,匹配一致才赋予样式 如下nth-child...