Question

我希望在我的自定义样式表之后加载WooCommerce样式表，以便WooCommerce不会覆盖我的任何自定义CSS条目。为此，我在functions.php文件中输入以下内容：

function theme_name_script_enqueue() {
    wp_enqueue_style('bootstrapstyle', get_template_directory_uri() . '/css/bootstrap/css/bootstrap.min.css', array(), '', 'all');
    wp_enqueue_style( 'wpb-fa', get_template_directory_uri() . '/fonts/css/font-awesome.min.css', array() );
    wp_enqueue_script('custom_js', get_template_directory_uri() . '/js/invictus-custom-java.js', array(), '1.0', true);
    wp_enqueue_style('custom_css', get_template_directory_uri() . '/css/invictus-custom-style.css', array(), '1.0', 'all');
}
add_action( 'wp_enqueue_scripts', 'theme_name_script_enqueue' 2);

//WooCommerce Stylesheet(s)
remove_action( 'A', 'B' );
add_action( 'C', 'D', 1 );

正如您所看到的，我为theme_name_script_enqueue设置了更高的优先级，以便在WooCommerce样式表之后加载它。关于第二部分代码，我想删除WooCommerce样式表，然后以较低的优先级重新添加它们，以确保它们加载第一部分。是否有人能够帮助我找到WooCommerce的钩子名称等，以便我可以在A，B，C和D中输入正确的详细信息？

Answer 1

我相信这可能是你正在寻找的。希望它有所帮助！

https://docs.woocommerce.com/wc-apidocs/hook-docs.html

Answer 2

你不需要这样做。只需将样式排入队列，并确保样式表中的样式与woocommerce样式表具有相同或更高的特定级别。

一般规则：

更具体的选择器将覆盖更常规的选择器
使用！important，其中规则1不起作用。

来自w3org的参考：

https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

如何找到WooCommerce样式表的钩子名称

2 个答案: