css - Woocommerce 没有使用子主题 CSS

Question

我正在设置 sydney child 主题。

子主题文件树:

我的子主题 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 使用react，或者只是其中的某些部分？

可能是 woocommerce 样式表通过更有针对性地覆盖了您的子主题的表:

div.product {
   background-color: red;
}

可能会被

覆盖

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

我以前遇到过