Css 识别最后一个元素

如何使用css找到最后一个子元素，这是我的代码

<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div> <!-- this element -->
<div class="rightelement"></div>

我尝试了下面的方法，但它对我无效。有人能帮我吗。我不想使用第n个子元素，因为有时元素的计数可能会增加

---

.leftelement:last of type

和

.leftelement:last child

不起作用

您可以使用相邻的同级选择器来实现类似的功能，这可能对纯CSS有所帮助

div.righelement+div:not（.righelement）{
颜色：绿色
}

图萨

您不想使用css选择器吗？你应该编辑你的标签

您可以使用jQuery

last（）

函数

.last（）

描述：将匹配元素集缩减为集合中的最终元素

$（'.wow'）.last（）.css（'color'，'blue'）

哇！
EOOOW
嘿
英雄联盟

1.
2.
3.
4.
5.
6.
部门：最后一个孩子{
颜色：红色
}

这是反编码笔
您可以使用类型（n）的第n个最后一个

来执行以下操作：

div:nth-last-of-type(2){
  color:red;
}

只要要拾取的元素位于最后一个元素之前，增加元素数量就无关紧要

注意：如果您的元素总是以一个

.leftelement

和一个

.righelement

的形式构造，那么这将起作用。您不能仅使用CSS选择最后一个

.leftelement

更新：如果您的内容是动态的，有时将

.leftelement

作为最后一个元素，并且您仍然需要选择此元素，则可以执行以下操作：

div:nth-last-of-type(2):not(.rightelement),
div:nth-last-of-type(2):not(.leftelement)+.leftelement{
  color:red;
}

---

看看。

我认为使用

CSS

是不可能的，因为我们还没有

类的最后一个

伪类，下面是另一个沮丧的用户关于它的介绍

事情是

last of type

和

last child

处理

元素

名称而不是“class”，不过您可以编写如下css规则

div.parent div.lastElement:last-of-type{
  color:blue; 
}

如果

div.leftElement

是同类元素的最后一个子元素，那么它将完全正常工作

如果您的

.lastElement

是

类名

的最后一个孩子，但在此之后我们有另一个

div

，它将失败

如果在不同的

元素上有“.lastElement”，则所有lasts都将被设置样式

最重要的是，我们需要伪CSS类，比如类的最后一个，但我们还没有

你想用CSS实现这一点吗？不幸的是，
类
不可能通过last-of-type实现。它可能是@Manwal请看一看如果你想要解决方案，你必须回复评论/答案。除此之外，您的元素是否遵循特定的模式？也就是说，在
.leftelement
之后是否总是有
.righelement
？它们是否总是成对添加（或）有可能单独出现
.leftelement
吗？你不想尝试jquery吗？OP没有提到
jquery
或没有添加标记。但他说他不想使用css：“我不想使用第n个孩子”。我想他的html会动态变化。所以他不想硬编码一些css选择器。（就像图萨那样）。这意味着唯一的解决方案是使用JS。@巴拉那：我觉得OP的意思是我不想使用第n个子元素，因为他们不想要第n个子元素（5）

选择器，因为元素的数量可能会增加/减少。他们显然不是说不想使用CSS。否则，他们就不会用CSS标记它了。@Harry我同意，但在这一点上，我们只是在浪费时间试图读懂OP的思想。不幸的是，OP似乎已经停止响应。那么，为什么对你来说不可能呢？它对每个放在后面的“.leftelement”都有效。“rightelement”显然这不是OP要求的，这不是他要求的，@Raviteja：从类的命名方式来看，我强烈怀疑.code>rightelement后面是否会跟着另一个

.rightelement

。但是，所有回答者都应该等待OP明确说明要求。@Raviteja我在答案上添加了注释，但OP没有说明它应该是最后一个

.leftelement

。尝试将

.leftelement:last of type

作为解决方案并不意味着它是必需的。

div.parent div.lastElement:last-of-type{
  color:blue; 
}