css - 单击列表中的第一项设置列表中所有其他项的样式

Question

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

有没有办法在没有javascript的列表中切换项目？

Answer 1

用 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>

也适用于

<ul><li>

和其他东西。