html - 如何仅删除最后一个 css 规则而不影响除此之外的任何其他和最后一个规则

Question

我有以下 css 规则(从 chrome inspector 看):

#lemon { //1
    background-image: unset !important;
}
#lemon { //2
    background-image: none !important;
}
#lemon { //3
    background-image: url(stone.png);
}

如您所见，规则 2 阻止应用规则 3。因此我添加了规则 1 但没有效果。我知道一种方法是复制倒数第二条规则 (3) 并用 !important 粘贴到规则 1 的位置，但是是否有一种通用方法可以只删除最后一条规则而不影响倒数第二条或第三条规则？

Answer 1

如果不使用第二个 !important，就无法覆盖 !important。如果您不使用 important，那么最新的规则或更具体的规则将优先(内联 css 将优先于所有这些规则)。相同的规则适用于 important，但所有覆盖规则都必须具有 important 才能覆盖。