您的问题很可能与特异性有关。克里斯·科耶尔（ChrisCoyier）撰写了一篇有关CSS特异性的精彩文章。我也建议您检查一下这个方便的特异性计算器。
使用该计算器，我们可以看到其.table-striped > tbody > tr:nth-child(odd) > td特异性为23。要覆盖这一点，任何新规则都必须具有等于或大于23的特异性，.red即为10，这样就不会削减它。
在这种情况下，它应该简单到匹配现有的特定性，然后向其添加类。.table-striped > tbody > tr:nth-child(odd) > td.red给我们指定了33的特异性。当33大于23时，您的规则现在应该起作用了。
通常，!important除非您永远不要覆盖该规则，否则永远不要使用。!important基本上是核选择。我有一定的信心地说，如果您了解特定性，则永远不需要!important使自定义规则在Bootstrap之类的框架中正常工作。
602392714
清零编程群