gpt4 book ai didi

html - 如何使用 CSS 显示元素的单个实例?

转载 作者:可可西里 更新时间:2023-11-01 14:58:59 25 4
gpt4 key购买 nike

<分区>

编辑:问题是我正在使用 react,所以我不能使用另一个 div 包装这些元素,因为它们有很多父元素。有什么方法可以查看页面中具有类 .my-class 的每个 div 并显示它的最后一个实例。

我想更改最后一个 div 实例的背景颜色。在包含“第三”的代码 div 中。

https://jsfiddle.net/a694du2h/

但是第一个 div 也变成了红色。我知道这是因为他们没有相同的 parent 。有什么办法可以做我想做的事吗?

<html>

<head>
<style>
.my-class:last-of-type {
background: #ff0000;
}
</style>
</head>

<body>
<div>
<div class='my-class'>first</div>
</div>
<div class='my-class'>second</div>
<div class='my-class'>third</div>
</body>

</html>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com