html - 如何撤消 CSS 规则？

Question

考虑以下代码:

.foo {color: blue;}    /* added by Sally */
.foo {color: green;}   /* added by Karen */
.foo {color: yellow;}  /* added by Chad */

<div class="foo">text</div>

在本例中，单词 text将呈现为黄色，因为它是 .foo 的最后一次迭代类。

有没有办法让CSS恢复到.foo之前的定义并有text呈现为绿色(除了再次重新定义 .foo)？

附注我意识到这是一个人为的示例，但这就是我正在处理的代码库

Answer 1

您可以通过复制类来完成一个简单的技巧))

.foo{
  color: blue;
}   

.foo.foo{
  color: green; 
} 

.foo {
  color: yellow;
}

<div class="foo">Text</>