今天做一个页面,无意中看到这个nth-of-type感觉挺方便的,之前单双行有的有横线,有的无横线一般在html中单独再写border-right:none等之类的。现在发现这个好东西赶紧记录下来。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n ...
发现问题 今天工作才发现的,原来我一直就理解错了 MDN官网对这个选择器的的定义是: :nth of type 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 在每组兄弟元素中选择第四个 元素 p:nth of type n color: lime 重点来了 他说明的是标签,针对的只是标签,因此,比如网上关于这个问题的代码: 是起不来任何作用的 因为该选择 ...
2021-08-03 10:35 0 125 推荐指数:
今天做一个页面,无意中看到这个nth-of-type感觉挺方便的,之前单双行有的有横线,有的无横线一般在html中单独再写border-right:none等之类的。现在发现这个好东西赶紧记录下来。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n ...
属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦点的元素添加样式。 2 :hover 当鼠标悬浮在元素上方 ...
结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩: E:nth-child(n): 选择父元素下的第n个子元素 ...
last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个 ...
选取指定类型(p)父元素下的第几个子元素: 实例: ...
html代码: 一、nth-child 1.1、nth-child(n) 父元素下的第n个子元素,n必须大于0,索引都是从1开始。 ps、这里仅仅说是父元素的第几个子元素,而并没有限制该类型的子元素。比如: 运行之后 ...
css3: nth选择器 我们把CSS3的:nth选择器也称为CSS3 结构类 选择方法: :first-child(),:last-child () :nth-child(n) :nth-last-child() :nth-of-type ...
CSS3选择器最新部分,有人也称这种选择器为CSS3结构类,下面我们通过实际的应用来具体了解他们的使用和区别,首先列出他具有的选择方法: :first-child选择某个元素的第一个子元素; :last-child选择某个元素的最后一个子元素; :nth-child()选择某个元素 ...