Woocommerce 不使用子主题 CSS

Question

我正在设置一个sydney 子主题。

子主题文件树：

我的子主题 functions.php 如下所示：

<?php
add_action( 'wp_enqueue_scripts', 'sydney_child_enqueue' );
function sydney_child_enqueue() {    
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
    add_theme_support( 'woocommerce' );
}

/* ADD YOUR CUSTOM FUNCTIONS BELOW */

/* Remove woocommerce breadcrums */
add_action( 'init', 'jk_remove_wc_breadcrumbs' );
function jk_remove_wc_breadcrumbs() {
    remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
}

/* Remove woocommerce list order box */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

/* Remove wocommerce page title */
add_filter( 'woocommerce_show_page_title' , 'woo_hide_page_title' );
function woo_hide_page_title() {
return false;
}
/* Remove woocommerce kazko isemimas */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );

/* Remove woocommerce add to cart button */
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

我正在修改这样的非 woocommerce 页面样式（主题已安装定制器，因此更改某些内容有点困难）：

.page #masthead {
background-color: red !important;
padding: 15px;
}

我遇到的问题是：woocommerce 页面（例如单个产品页面）没有加载/使用修改后的子主题的 css。

也许我在设置子主题时做错了什么？ 有没有办法覆盖主题的定制器 css？

Answer 1

如果那是你的实际代码而不是把 ;在 !important 之前是这样的：

.page #masthead {
    background-color: red; !important
    padding: 15px;
}

如果不是： 您的 woocommerce 页面根本没有对自定义 CSS 做出反应，或者只是其中的某些部分？

可能是 woocommerce 样式表通过更具针对性的 ex. 覆盖您的子主题表：

div.product {
   background-color: red;
}

也许 get 被

覆盖

.woocommerce div.product {
   background-color: green;
}

以前发生在我身上