Html Can'；t更改离子侧菜单的背景

我正在尝试将一些CSS应用于爱奥尼亚侧菜单的背景。我的CSS非常简单：

.my菜单项{
背景色：蓝色！重要；
颜色：白色！重要
}

您不需要在离子项目元素中使用一些“span”。 但是您需要将样式应用于ion item>a元素

下面是我的一个项目中的一些代码：

1.Y
2.O
3.D
4.N

和SASS（这里我覆盖了“活动”离子项的子元素（a元素）的背景色）

离子列表{
离子项目{
&.主动a{
背景色：$darkYellow！重要；
颜色：#fff；
}
}
}

或者在CSS中：（假设您将类coloredList添加到了离子列表中）

ion-list.coloredList ion-item.active a{
背景色：红色！重要；
}

使用修改后的HTML，以避免对所有离子列表着色

。。。

您是如何使用这个类的，你能粘贴你的离子侧菜单代码吗？我已经添加了我的代码，正如你所看到的，我在课堂上对它进行了抨击，但没有任何效果。更改你的标题以实际描述你所面临的问题。这是一个输入错误：）它现在回到了原来的标题。如果我这样做，它不会影响每一个离子列表/离子项目吗？我不仅仅是菜单列表？我不是熟悉SASS你能解释为CSS吗？你可以给你的离子列表一个类，只影响使用CSS的离子列表！我已经剪切和粘贴了你的代码，但它对菜单列表元素的背景没有影响。剪切和粘贴更好，我的朋友！我将“coloredList”类添加到离子列表中，并删除了我的离子项的“.active”选择器，以便您可以看到它适用于所有项：）