如何用css选择器选中最后一个段落

上周 我的朋友 他说使用 :last-of-type 真的很好。

p:最后一个类型 { 颜色：红色； }
最后一段 颜色变为红色。

2 02 3 我试过这个 它真的很容易使用。

在此示例中： 第三段被选中。

他提醒我注意 选择的是最后一个P。
与 :last-child 不同，它不是整个文档中的最后一个
。
这不必是最后一个子元素。

我说最好用这个。
尤其是在复杂的结构中 最后P后 可能还有其他标签
没错 他还说 不要随机使用 :last-child 除非您确定最后一个子元素是 P，否则请忘记
。
由你决定

如何使用CSS选择器精准选择特定class孙子元素，并排除最后一个？

说白了，使用 CSS 准确选择特定类型元素的孙子并排除最后一个的关键是依靠 :not(:children) 和 选择器的组合。
该品种的操作非常简单，但是区块很容易进入。

先说说最伟大的，.parent> div:non(:last-child)。
目标类选择器，> 仅导致选择紧邻父元素下方的子 div 元素。
每个序列中的空格代表后续步骤。
例如，div > p > .interline 是一个子元素。
还有一点：:no(:children) 处理的是父级 div，而不是直接在 .interline 上处理，因此可以准确排除最后一个 div 中的子元素。
去年我们跑的时候，我们用这个选择器来选择动态生成的形状，性能特别稳定，大约3 000级数据没有崩溃。

我一开始以为：他选择了最后一个孩子的最后一个元素，但后来我发现我错了。
它实际上选择倒数第二个元素，因此如果倒数第二个元素也有目标类，则它会同时被选择。
等等，还有别的事。
如果孙元素不是直系后代，比如用空格分隔，则需要添加一层嵌套，如.parent > div:non (:last-child) > span > .interline。
建议多尝试使用它，尤其是动态生成的域结构。
这个组合非常强大。
但要注意，如果目标元素的级别特别高，使用空格读取器很容易导致性能问题。
在这种情况下，最好考虑将 nth-born 与 :no() 一起使用。
说实话，这很棘手，但是一旦掌握了窍门，就很容易了。

css选择器如何匹配最后一个子元素

:last-child：严格匹配位置和类型。
:last-of-type：匹配相同类型的最后一个，无论位置如何。

选择正确的选择器，样式也正确。