CSS基础(part20)--CSS3结构伪类选择器

CSS基础(part20)--CSS3结构伪类选择器

学习笔记，仅供参考，有错必究

参考自：pink老师教案

结构伪类选择器

属性列表：

​​nth-child(n)​​ 参数详解：

注意：本质上就是选中第几个子元素​​n​​可以是数字、关键字、公式​​n​​如果是数字，就是选中第几个常见的关键字有​​even​​ 偶数、​​odd​​ 奇数如果是第0个元素，或者超出了元素的个数会被忽略

​​nth-child​​​ 和 ​​nt-of-type​​ 的区别：

​​nth-child​​ 选择父元素里面的第几个子元素，不管是何种类型​​nt-of-type​​ 选择指定类型的元素

举个例子

示例代码1：

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

示例代码2：

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

页面：

示例代码3：

页面：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。