离子覆盖活性元素css风格

Question

我想改变激活元素的CSS样式.

这是你可以看到的离子列表.

我试着像这样设置aktivated元素的css样式:

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

这不会改变任何事情

在离子的css框架中我有这一行设置激活元素的样式:

.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样式表......我该怎么做？

Answer 1

你需要使用选择器:

.item .item-content.activated

它具有.item更多的特异性,这就是为什么它压倒你所写的那个.