WooCommerce-如何防止Storefront在子主题的样式表之后加载woocommerce.css

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

谢谢

用户名

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

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

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

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

add_action('wp_enqueue_scripts',array($ this,'scripts'),10);

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

覆盖 Woocommerce 的默认 css

更改WooCommerce页面的主题菜单CSS

如何在父主题的“颜色主题”样式表之后加载子主题的样式表?

从本地存储加载样式表时,如何防止呈现CSS?

如何将WooCommerce产品CSS更改为原始CSS

我的woocommerce网站中的怪异CSS错误

覆盖woocommerce.css的最佳方法

'flex' CSS 在 Woocommerce 中被覆盖

使用CSS的WooCommerce可变产品下拉菜单样式

更改WooCommerce Checkout表单输入文本CSS样式

通过编辑子主题CSS无法更改WooCommerce“谢谢您的订单”页面的外观

在woocommerce加载类期间隐藏CSS:before元素

加载 css 样式表的延迟

Woocommerce样式

如何在父主题CSS之后加载Wordpress子主题CSS

如何替换整个应用程序的角度主题 CSS 样式表?

更改Woocommerce媒体查询断点,以最大宽度加载woocommerce-smallscreen.css:767px而不是768px

动态加载CSS样式表并等待其加载

在Woocommerce产品中为股票通知添加额外的CSS类

WooCommerce:CSS-定位特定产品类别

在WooCommerce中仅使用CSS定位单个产品页面

Woocommerce Wordpress模板文件中未执行CSS

添加内联CSS(Woocommerce中特定国家/地区除外)

Woocommerce 使用 CSS 在悬停时更改产品图片

仅更改商店页面的 WooCommerce 产品列 CSS

用于woocommerce的css中的自定义边框

仅对可变产品应用 css - WooCommerce

将 CSS 类添加到 woocommerce 中的特色产品

如何防止用户代理样式表覆盖我自己的 CSS?