Css 如何使用特定类更改最后一个元素的字体颜色

这是我的html

.user container div.user-left:最后一个子级{
颜色：红色；
}
.user容器div.user-right:最后一个子级{
颜色：红色；
}

一些文本。
一些文本。
一些文本。
一些文本。
一些文本。这是用户最后离开的地方
一些文本。
一些文本。
一些文本。
一些文本。这是最后一个用户权限

试试这个

   .user-container div.user-left:nth-last-child(5) {
    background: red;
   } 

试试这个

   .user-container div.user-left:nth-last-child(5) {
    background: red;
   } 

---

它不是最后一个子级，因为用户权限div也是同一父级的子级。您想要的选择器是：类型的最后一个，但它只对元素有效，而不是按类。我不认为在不改变html结构的情况下，您可以在纯CSS中实现这一点。另一个答案——使用第n个最后一个孩子——只适用于您的示例。一旦添加或删除任何元素，它就会断开

---

您可以在此处找到更多信息：

它不是最后一个子项，因为用户权限div也是同一父项的子项。您想要的选择器是：类型的最后一个，但它只对元素有效，而不是按类。我不认为在不改变html结构的情况下，您可以在纯CSS中实现这一点。另一个答案——使用第n个最后一个孩子——只适用于您的示例。一旦添加或删除任何元素，它就会断开

---

您可以在此处找到更多信息：

您应该将用户左侧封装到特定容器

左侧

，将用户右侧封装到

右侧

因为最后一个子选择器仅在父容器中工作：）

.left div:最后一个孩子{
颜色：红色；
}
.右分区：最后一个孩子{
颜色：红色；
}

一些文本。
一些文本。
一些文本。
一些文本。
一些文本。这是用户最后离开的地方
一些文本。
一些文本。
一些文本。
一些文本。这是最后一个用户权限

您应该将用户左侧封装到特定容器中

左侧

，将用户右侧封装到

右侧

因为最后一个子选择器仅在父容器中工作：）

.left div:最后一个孩子{
颜色：红色；
}
.右分区：最后一个孩子{
颜色：红色；
}

一些文本。
一些文本。
一些文本。
一些文本。
一些文本。这是用户最后离开的地方
一些文本。
一些文本。
一些文本。
一些文本。这是最后一个用户权限

使用css的

：类型的最后一个

伪选择器

.用户左：类型的最后一个，
.用户权限：类型的最后一个{
颜色：红色；
}

使用css的

：类型的最后一个

伪选择器

.用户左：类型的最后一个，
.用户权限：类型的最后一个{
颜色：红色；
}

试试这个： HTML部分：

<div class="user-container">
<ul>
<li>Some text.</li>
<li>Some text.</li>
<li>Some text.</li>
<li">Some text.</li>
<li class="lastLeft">Some text. this is user left last</li>
<li>Some text.</li>
<li>Some text.</li>
<li>Some text.</li>
<li class="lastRight">Some text. this is user right last</li></ul>
</div>    

试试这个： HTML部分：

<div class="user-container">
<ul>
<li>Some text.</li>
<li>Some text.</li>
<li>Some text.</li>
<li">Some text.</li>
<li class="lastLeft">Some text. this is user left last</li>
<li>Some text.</li>
<li>Some text.</li>
<li>Some text.</li>
<li class="lastRight">Some text. this is user right last</li></ul>
</div>    

---

类型的最后一个不适用于classname。来自：last of type伪类表示一个元素，该元素是其父元素的子元素列表中其类型的最后一个同级元素。因为它必须是同级，所以它会忽略类名，因为这样你就可以把它和其他元素混在一起了@사드루완 我更新了我的答案，只需添加

。用户留下的

类，很抱歉，我要求包含该类。最后一个类型不适用于classname。来自：last of type伪类表示一个元素，该元素是其父元素的子元素列表中其类型的最后一个同级元素。因为它必须是同级，所以它会忽略类名，因为这样你就可以把它和其他元素混在一起了@사드루완 我更新了我的答案，只需添加

。用户离开的
类，很抱歉我不想包含该类。正在工作。但是如果我不知道元素的数量呢？正在工作。但是如果我不知道元素的数量呢？