2

我正在使用 WordPress 4.7、Storefront 2.1.6 和我自己的 Storefront 子主题开发 WooCommerce 商店。但是 Storefront 似乎在我的子主题的 css(已编译的 scss)之后加载了 woocommerce.css,因此它覆盖了我的一些样式。使用 '!在所有这些风格上的重要'对我来说似乎是一个肮脏和不可接受的解决方案。有没有办法阻止 Storefront 加载 woocommerce.css 或将我自己的样式加载为最后一个 stylesteet 文件?

谢谢

4

2 回答 2

2

我遇到了同样的问题,我需要在所有事情上使用 !important 。

所以我查看了源代码,可以看到我的样式表是在 woocommerce 的样式表之前加载的。

(我使用的是我自己的子主题,我使用的是 WP 5.5.1 和 WooCommerce 4.5.2)

我发现 WooCommerce 使用优先级为 10 的钩子加载样式表。

add_action('wp_enqueue_scripts', 数组($this, 'scripts'), 10);

所以我将我的functions.php中的样式表挂钩更改为优先级11。所以它稍后加载。

add_action('wp_enqueue_scripts','fitcoach_scripts',11);

于 2020-09-20T17:39:47.767 回答
1
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

https://docs.woocommerce.com/document/disable-the-default-stylesheet/

于 2017-01-04T21:05:09.563 回答