制作 Bootstrap 样式以覆盖 woocommerce-layout？

Question

但是，当 bootstrap.min.css 低于 woocommerce-layout.css（图 1）时，woocommerce-layout 的样式仍会覆盖（图 2）bootstrap 类（.col-lg-2、.col-xs- 6...等）。

那么我该如何做才能覆盖引导风格而不是 woocommerce 风格？

图片 1

图片 2

Answer 1

好的，然后在它们都加载后添加一个新的样式表。然后将要更改的选择器复制到该工作表并添加 !important 声明（或使其更具体）

Answer 2

使最后加载的 CSS 文件中的选择器更加准确，或者在该文件的声明中添加 !important。