用尾风CSS覆盖特定的CSS选择器

Question

我在我们公司的项目中添加了尾风CSS。这是一个5-6岁的代码库，它已经使用了引导CSS +自定义引导主题。

我的顺风JS配置文件如下所示：

tailwind.config.js

为了避免类冲突，我添加了一个自定义前缀，并将其应用于所有的顺风类。

我需要推翻那些选择器的特异性。如何使用顺风CSS实现这一点？

需要重写的特定类选择器

Answer 1

请不要发布代码图片，只需使用编辑器中可用的代码标记即可！

您可以做的是在您的顺风css文件中手动覆盖这些选择器，我猜它是在引导文件之后加载的？

css计算的顺序是这里的关键。

如果CSS的两个部分具有相同的特性(例如，它们都是body{)，那么无论最后调用哪个部分都会覆盖前一个。但是，如果某物具有更高的特异性(一个更具体的选择器)，则不管顺序如何，它都会被使用。