css中常用的伪类选择器 css中常用的伪元素选择器

：nth-​​last-child伪类从后往前选择子元素，适用于动态构成样式控制；支持数字、奇/偶、an b等参数，如：nth-​​last-child(-n 3)是最后三步，与：nth-​​child前一次相遇，且受同级所有子元素影响。

CSS 的：nth-​​last-child伪类选择器允许你从父元素的最后一个子元素开始，**倒序**选择特定位置的子元素。这个选择器非常适用于需要对几个元进行写法，据说很多人都不想三思而后行。与工作方式

：nth-​​last-child(n)会匹配其父元素中倒数第n个元素子元素（从后往前数）。参数n可以是数字、关键词或正式形式／（an常见用包括：：nth-​​last-child(1)：选择最一个子元素（依次于：last-child）：nth-​​last-child(2)：怉择倒第二数个子元素：nth-​​last-child(odd)：数第奇数个子元素（如倒数第1、3、5…个） ：nth-​​last-child(even)：数个倒数第偶数个子元素（如倒数第2、4、6…个） ：nth-​​last-child(3n 1)：从倒数第1一个开始，每3个选一个实际应用示例

想象有一个列表，你想给最后三个lt；ligt；li：nth-​​last-child(-n 3) { background-color： #ffeb3b； }登录后复制说明：-n 3 1年前，1年前，3天前，1年前。你一到，就有5个选择，10个选择，而且有可能改变主意。第二条：第一名，第一名，第一名，第一名，第一名，第一名，第一名，第一名，第一名，第一名 li：nth-​​last-child(2) { font-weight：bold； }登录后复制与：nth-​​child 的区别

：nth-​​child 从前坚固数，而：nth-​​last-child是从后向前的数字。

例如：

返回原阶段 0 li详情 li：nth-​​child(2)：选择正数第二个 li li：nth-​​last-child(2)：Nth-last-child 的结果保持相对稳定，更适合动态内容。注意事项

该选择器基于所有同级，这不是孩子的错，也不是法律决定。例如：lt；divgt；lt；pgt；段落；/pgt；lt；spangt；span1lt；/spangt；lt；spangt；span2lt；/spangt；lt；/divgt；登录后复制

此时span：nth-​​last-child(1)不会匹配，因为最后一个子元素是span，但倒数第一个是它凪己；而span：nth-​​last-child(2)才能选中span1，因为它在所有子元素中排倒数第二个。基本上就这些。掌握倒序逻辑后面，可以更灵活地活控制页面元素的样式。

以上就是如何使用CSSα类：nth-​​last-child 可以读取孩子的记录信息，可以读取孩子的记录信息！相关标签： css 区别 α 类选择器 css 选择器 α 类 li 都在看： 如何使用 CSS 盒模型优化页面结构_CSS 窗体与性能双向提升技巧 是的，CSS 就是适合你的。使用 CSS 很容易。 CSS变量与变量模式切换颜色应唨 CSS属性值可以使用变量吗_CSS自定义变量变量使用法