如何仅删除最后一个CSS规则而不影响除此以外的任何其他n个最后一个规则

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 粘贴在rule1处，但是有没有一种通用的方法可以仅删除倒数第二个规则而不影响倒数第二个或第三个规则？

Answer 1

不使用第二个！important就无法覆盖！important。如果您不使用最新规则或更具体的规则，则将优先使用（内联css将优先于所有规则）。相同的规则适用于重要规则，但是所有优先规则都必须具有重要规则才能覆盖。