css - ionic 覆盖事件元素的CSS样式

Question

我想更改激活元素的 css 样式。

Here's您可以看到的 ionic 列表。

我尝试像这样设置激活元素的 css 样式:

.item-content.activated{
    background-color: rgba(0,100,255, 0.5);
} 

这并没有改变什么

在 ionic 的 css-framework 中，我有这一行设置激活元素的样式:

.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated      
{
   border-color: #ccc;
   background-color: #D9D9D9; 
}

如果我在框架中更改它，它就会起作用。但我只希望它应用于列表项和我自己的 css-stylesheet 中......我该怎么做？

Answer 1

你需要使用选择器:

.item .item-content.activated

它有额外的 .item 所以更多 specificity这就是为什么它会覆盖您所写的内容。