Css 单击列表中的第一个项目，设置列表中所有其他项目的样式

我正在寻找一个CSS解决方案，可以在单击列表中的第一项时切换一组样式。 即单击列表中的第一个项目，该列表中的所有其他项目显示为：无；但是，当再次单击第一个项目时，所有这些项目都会重新出现，因为它们被赋予了显示样式：inline

---

在没有javascript的情况下，是否可以在列表中的项目上进行这种样式的切换？

使用CSS？不，这是不可能的。但是jquery完美地解决了您的问题，我希望这有助于：

<style>
    .first
    {
        display:inline;
    }
    .other
    {
        display:none;
    }
</style>

<div class="list first"></div>
<div class="list other"></div>
<div class="list other"></div>
<div class="list other"></div>
<div class="list other"></div>

<script>
    $(".fist").click(function(){
        $(".other").fadeToggle();
    });
</script>

.首先
{
显示：内联；
}
.其他
{
显示：无；
}
$（“.first”）。单击（函数（）{
$（“.other”）.fadeToggle（）；
});

也适用于

<ul><li>

---

和其他东西。

请看。css不会处理点击某个东西时发生的事件。然而，css确实有：hover伪元素，当某个东西被悬停在上面时，它可以用来应用特定的样式，从技术上讲，这是一个事件。无论如何，非常感谢你。