css - 如何删除其他规则中的 !important？

Question

有没有可能做这样的事情:

.overlay {
    display: none !important;
}
@media only screen and (max-width: 768px) {
    .overlay {
        display: none !not-important;
    }
}

所以我可以在手机中通过 javascript 代码覆盖它。 发送

Answer 1

您可以用您自己的 !important 覆盖 !important，如果它稍后出现在 css 处理中。但是，您也可以在更具体 元素上使用 !important。因此，假设第一个 !important 在“.overlay”上，如果您的叠加层上有一个 id，请说“myid”，然后如果您的规则是:

@media only screen and (max-width: 768px) {
    #myid {
        display: none !important;
    }
}

然后它将覆盖第一个，因为它的选择器更具体。