原文:css: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 推荐指数:

查看详情

css :nth-of-type选择器为什么不起作用!!!

发现问题 今天工作才发现的,原来我一直就理解错了!! MDN官网对这个选择器的的定义是: :nth-of-type() 这个 CSS 伪类是针对具有一组兄弟节点的标签, 用 n 来筛选出在一组兄弟节点的位置。 /* 在每组兄弟元素中选择第四个 元素 */ p:nth-of-type ...

Tue Aug 03 18:35:00 CST 2021 0 125
CSS:nth-child选择器用法练习

(从 0 开始),b 是偏移值。 与之相似的选择器有 :nth-of-type(n) 选择器匹配属于父元素 ...

Sat Sep 01 00:14:00 CST 2018 2 3192
伪类选择器 E:nth-child(n)、E:nth-of-type(n)

结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。 首先先用文字语言来描述一下这俩: E:nth-child(n): 选择父元素下的第n个子元素 ...

Fri May 05 04:45:00 CST 2017 0 1342
parsel-css选择器用法

css选择器用法 目录 css选择器用法 导入库 语法使用 选择所有元素 1、选择 ...

Thu Jan 06 04:44:00 CST 2022 0 1690
CSS3】---last-of-type选择器+nth-last-of-type(n)选择器

last-of-type选择器 “:last-of-type选择器和“:first-of-type选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。 示例演示 通过“:last-of-type选择器,将容器“div.wrapper”中最后一个 ...

Fri Apr 24 00:32:00 CST 2015 0 2176
nth-of-typenth-child的区别

nth-of-type:    简单来说nth-of-type会忽略其它标签的顺序而按照标签自身种类的顺序进行筛选,也就是选择的参照点并不是DOM数,而是自身。下面我们结合具体的例子来了解下。 代码效果如下图所示,文本中的第3个p标签背景颜色发生改变。 nth ...

Wed Apr 17 04:28:00 CST 2019 0 673
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM