如何通过CSS动态地将!important应用于规则？
假设我们有很多（1000+）实用程序类：
.text-align-left { text-align: left }
.text-align-right { text-align: right }
.text-align-center { text-align: center }现在，我们如何动态地应用!important，而不是将其添加到每个实用程序类中？就像下面的“override”类，我们只是在其中添加!important：
.class-to-override.override { rule: def !important }
1条答案
按热度按时间kkbh8khc1#
我知道这是个老问题了，但我还是要试试：
CSS和dynamically不是“最好的朋友”，因此简短的答案是：您不能在CSS中动态地将!important关键字附加到规则的末尾。尽管您可以通过将选择器加倍来增加特异性：
.text-align-left.text-align-left，而不仅仅是.text-align-left（根据W3文档：https://www.w3.org/TR/selectors-3/#specificity），我不认为在这种情况下会有多大帮助。最好的选择可能是创建一组新的helper类，并仅在需要时使用它们。