Javascript 是否可以将类div中的最后一个元素作为目标？CSS

我知道如果最后一个元素使用同一个类或者是同一个元素，我可以将其作为目标。但我构建的方式是，用户将把任何元素放入（请参见附件示例）。只是想知道是否仍然可以通过CSS调用？或者这将是CSS无法完成的事情

.header p：类型的最后一个{
颜色：红色；
}

我是第一
二号
某物

某物

最后一个-红色
我是第一
二号
最后一个-红色

第一

某物
最后一个-红色
是，带有
最后一个子元素
和
。标题p：如果最后一个子元素是
元素，并且如果要将具有
标题的div中的最后一个元素作为类作为目标，则最后一个子元素将成为目标

您可以使用注释部分中提到的
.header*：last child


.header*：最后一个子项{
颜色：红色；
}

我是第一
二号
某物

某物

最后一个-红色
我是第一
二号
最后一个-红色

第一

某物
最后一个-红色
ddd

如果您试图添加
颜色：红色样式设置为最后一个
标记（位于最后一个
class='header'
类中），然后应使用
：

CSS:

.header:last-of-type p:last-of-type {
    color: red;
}

.header *:last-child {
  color: red;
}

您可以检查此

编辑：

.header:last-of-type p:last-of-type {
    color: red;
}

.header *:last-child {
  color: red;
}

如果要使用
class='header'
以每个标记的最后一个元素为目标，可以这样完成：

CSS:

.header:last-of-type p:last-of-type {
    color: red;
}

.header *:last-child {
  color: red;
}

检查
试试这个


.header*：最后一个子项{
颜色：红色；
}

我是第一
二号
某物

某物

最后一个-红色
我是第一
二号
最后一个-红色

第一

某物
最后一个-红色
听起来像是在找
。header*：last child
酷！你帮了我的忙！谢谢注意，如果您只想针对一个直接子对象，您需要
.header>*：最后一个子对象
（另外，您可以使用
，而不是
），这是先前答案的副本，只是解释性文本较少