我想选择最后一个元素，它有一个.Completed类。我该怎么做呢？

这是我的HTML：

<代码><；DIV类="；步骤"；>；<；DIV类="；已完成进度"；>；<；/DIV>；<；DIV类="；已完成进度"；>；<；/DIV>；<；DIV类="；进度"；>；<；/DIV>；<；DIV类="；进度"；>；<；/DIV>；<；/DIV>；

我试过用这个：

<div class="steps">
    <div class="progress completed"></div>
    <div class="progress completed"></div>
    <div class="progress"></div>
    <div class="progress"></div>
</div>

但它不起作用。

顺晟科技：

，这应该通过将类分配给最后出现的项来完成。

要以编程方式执行此操作，我们可以使用.progress.completed:last-of-type { background-color: #ccc; } 来获取所有项的列表，从中可以获取最后一个元素并向其添加类。

<代码>[..document.querySelectorAll（'.progress.completed '）].slice（-1）[0].ClassList.add（' last-item '）；

querySelectorAll

<代码><；DIV类=“步骤”>；<；DIV类=“已完成进度”>；a<；/DIV>；<；DIV类=“已完成进度”>；a<；/DIV>；<；DIV类=“进度”>；a<；/DIV>；<；DIV类=“进度”>；a<；/DIV>；<；/DIV>；

（好的）方法来解决这个问题。最好的解决方案是在JavaScript或jQuery的帮助下，向最后完成的DIV添加一个额外的类。

JavaScript或jQuery将找到父元素的最后一个子元素，并使您能够通过添加类和样式来更改它。

<代码>.最后{背景色：#CCC；}

使用jQuery

[...document.querySelectorAll('.progress.completed')].slice(-1)[0].classList.add('last-item');