Firefox将CSS规则显示为非活动状态但仍会应用

时间:2018-01-24 13:18:58

标签: css firefox

我的网站我有两个相互矛盾的CSS规则来修改边距。其中一个,我无法更改,因为它是一个Wordpress主题,包含规则

.vc_tta.vc_tta-spacing-35 .vc_tta-tab {
    margin: 18px 17px 17px 18px;
} 

为了覆盖这个,我必须创建以下规则:

.vc_tta-tab.vc_active.vc_active.vc_active
{
    margin: 18px 0px;
}

在Firefox 57.0.4(64位)中,开发人员工具将第一个规则显示为非活动状态(突破显示),将第二个(新)规则显示为活动状态。尽管如此,如果我取消选中“不活动”的结果,我们都会得到应用。如何覆盖被覆盖的规则以及如何防止这种情况?

0 个答案:

没有答案