Css 手风琴输入：：在伪元素之前

我有一个手风琴菜单，我相信它使用了一个复选框来激活和停用扩展，它使用下面的css来根据是否扩展来转换箭头

.expand input + *::before {
content: '»';
color: #ffffff;
font-size: 25px;
padding-right: 18px;
padding-top: 0;
float: left;
transition: all 0.2s;
margin-top: -5px;
}

.expand input:checked + *::before {
    transform: rotate(90deg);
    padding-right: 15px;
    padding-top: 15px;
}

我遇到的问题是，我在手风琴的

元素中使用复选框，不希望上述样式应用于这些复选框

但我似乎找不到解决这个问题的办法

---

编辑**我意识到我太过复杂了，此后，我删除了展开的列表项，并使用了react bootstrap accordion，它展开时不使用if a复选框。

您可以为复选框指定名称空间，方法是为其指定一个类似于输入的类。复选框hack:checked

您可以对您的代码进行修改吗？您可以创建一个修改，以便我们可以看到它的运行情况吗？寻求代码帮助的问题必须解决在问题本身中包含重现问题所需的最短代码。您好，我不确定我能不能，因为这是一个基于react.js的webapp。