Html CSS样式优先级

Html CSS样式优先级,html,css,Html,Css,有以下HTML: <li class="tabs__item tabs__item_with_new_orders">123</li> 我的班在萤火虫中被淘汰了!“制表符\项目\带有\新\订单”的背景属性不适用。我怎样才能修好它?我可以使用“!important”属性设置优先级,但我不想这样做 使用 .tabs__item:nth-child(4n+2) { background: none repeat scroll 0 0 #89c4bb; } .tabs

有以下HTML:

<li class="tabs__item tabs__item_with_new_orders">123</li>
我的班在萤火虫中被淘汰了!“制表符\项目\带有\新\订单”的背景属性不适用。我怎样才能修好它?我可以使用“!important”属性设置优先级,但我不想这样做

使用

.tabs__item:nth-child(4n+2) {
    background: none repeat scroll 0 0 #89c4bb;
}

.tabs__item.tabs__item_with_new_orders {
    background: #000;
}

这样,背景应该是黑色的,因为它被覆盖。

避免在类和id中出现未得分。为什么


已尝试
!重要信息
?…是。但是,如果我使用JQuery向这个HTML项目添加一些类来再次更改背景,它将不起作用。您能显示您的代码吗?.HTML或CSS?你需要什么?嗯。。。可以你确定一切都做对了?我试过了,它在所有常见的浏览器中都能正常工作。你使用过任何其他的样式来覆盖背景属性吗?对不起,我的朋友,它能正常工作,我不明白为什么它第一次不能工作。请编辑您的答案,因为我无法升级我的投票。。。再次抱歉
.tabs__item:nth-child(4n+2) {
    background: none repeat scroll 0 0 #89c4bb;
}

.tabs__item.tabs__item_with_new_orders {
    background: #000;
}