发现问题 今天工作才发现的,原来我一直就理解错了!! MDN官网对这个选择器的的定义是: :nth-of-type() 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 /* 在每组兄弟元素中选择第四个 元素 */ p:nth-of-type ...
今天做一个页面,无意中看到这个nth of type感觉挺方便的,之前单双行有的有横线,有的无横线一般在html中单独再写border right:none等之类的。现在发现这个好东西赶紧记录下来。 :nth of type n 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字 关键词或公式。 odd奇数行右面有一条线 even偶数行没有,还可以用 n 表示奇数, n表示 ...
2015-09-02 14:58 0 2193 推荐指数:
发现问题 今天工作才发现的,原来我一直就理解错了!! MDN官网对这个选择器的的定义是: :nth-of-type() 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 /* 在每组兄弟元素中选择第四个 元素 */ p:nth-of-type ...
(从 0 开始),b 是偏移值。 与之相似的选择器有 :nth-of-type(n) 选择器匹配属于父元素 ...
属性 描述 CSS :active 向被激活的元素添加样式。 1 :focus 向拥有键盘输入焦点的元素添加样式。 2 :hover 当鼠标悬浮在元素上方 ...
结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩: E:nth-child(n): 选择父元素下的第n个子元素 ...
css选择器用法 目录 css选择器用法 导入库 语法使用 选择所有元素 1、选择 ...
选取指定类型(p)父元素下的第几个子元素: 实例: ...
last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个 ...
nth-of-type: 简单来说nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选,也就是选择的参照点并不是DOM数,而是自身。下面我们结合具体的例子来了解下。 代码效果如下图所示,文本中的第3个p标签背景颜色发生改变。 nth ...