我使用的是"react multi-caround"。这个转盘上有表示幻灯片数量的点。每个点实际上是一个li元素，其数据属性称为[data-index='X']，X是幻灯片编号。例如，在我的项目中，最后一张幻灯片是7，所以最后一个li元素有[data-index='7']，添加到它的类是.react-multi-carousel-dot--active。
我的问题是：当最后一个元素有这个类时，有没有一种方法可以将可见性更改为隐藏到所有同级li元素？
到目前为止，我只有
[data-index='7'].react-multi-carousel-dot--active {
visibility: hidden;
}
当然，这只是修改了最后一个li元素。这个问题有css或scss解决方案吗？
css就像一个瀑布，你不能只选择向上。
对于css解决方案，如果您可以控制旋转木马点，请按相反的顺序渲染它们。然后要显示它们，请执行类似于flex direction的操作：行反转；然后你可以做
li[data-index='7'].react-multi-carousel-dot--active ~ li { visibility: hidden; }
~是一个同级选择器，但只能在其自身之后处理同级选择器。
你可能无法做到这一点，因为你无法控制旋转木马点的渲染方式，不确定。
这有相同的概念https://codepen.io/theskillwithin/pen/GEmroE