方法2:使用 :not(:nth-of-type(1)) 不选择第一个子标签 :not(:nth-of-type())选择器允许你选择序列中的一个或多个元素。如果只使用(:nth-of-type(1)),选择器将选择第一个子元素;但是,当:not放在它前面时,第一个元素将被排除在外。 让我们使用以下示例清楚:not(:nth-of-type(1))概念。 例子 在...
因为是 ntf-of-type 的值是匹配第 2 个元素的,可以看 MDN 上 nth-of-child 的解释,是一样的:https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child 有用 回复 cesiya23: :nth-of-type(i)是找到父元素中第i个符合条件的元素;:nth-of-child(i)是找到父元素中符合条件的第i个子元素;那么...
发现问题 今天工作才发现的,原来我一直就理解错了!! MDN官网对这个选择器的的定义是: :nth-of-type() 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 /* 在每组兄弟元素中选择第四个 元素 */ p:nth-of-type(4n) { co
CSS | :nth-of-type() 选择器 在CSS中,:nth-of-type()选择器可以用来选择元素类型的特定子元素。该选择器接受一个参数,该参数可以是数字、关键词或公式。 语法 :nth-of-type(n) 参数n可以是以下格式之一: an:表示每n个元素选择一次,其中a是任意整数,n表示要选择的元素的计数器的周期(从1开始计数)。
:nth-of-type 计算公式:a * n的倍数 + b; (n是从0,1,2...开始) :nth-of-type(an + b):是基于相同的兄弟标签元素匹配 :nt...
:nth-child(4)。nth-of-type按元素类型进行分类,你是该类型的第几个,就写几。div.tittle与div.summary都属于div,.title排第一,.summary排第二,所以分别...首先需要注意的是,css中根本没有nth-of-child()的写法,本人有时会写成这种形式,导致效果出不来。 其次,不管是nth-child(n),还是nth-of-type(n),...
:nth-of-type(n)和:nth-child(n) 这类选择器主要是选择第n个元素,跟元素序号有关,注意这里的起始序号为1(和js略微不同) n可以是数字、关键词或公式。 比如说p:nth-of-type(1)表示每个父级下第一个p元素,等同于p:first-of-type 关键词可以选择odd和even,分别表示奇数和偶数,常见场景就是表格 ...
nth-of-type和nth-child的区别我这里就不说了,只说nth-of-type。 首先我们设定下面这样一个结构,然后通过下面四个例子真正理解nth-of-type 1.这是div 2.这是div.common 3.这是p.common 4.这是div.common 5.这是p.common 一、通过div标签选择第2个div div:...
CSS3 :nth-of-type() 选择器 可以设定第几个元素的样式 案例 css .qrcode img { margin-top: 30px; } .qrcode p:nth-of-type(1) { /*第一个p*/ font-size: 16px; color: #b03305; } .qrcode p:nth-of-type(2) { /*第二个p*/...
:nth-of-type() 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 /* 在每组兄弟元素中选择第四个 元素*/ p:nth-of-type(4n) { color: lime; } 重点来了!!!他说明的是标签,针对的只是标签,因此,比如网上关于这个问题的代码: ...