我无法覆盖woocommerce.css

Question

我尝试使用子主题覆盖woocommerce.css，但仍然没有。

文件夹结构：

  

/home/project123/public_html/wp-content/themes/betheme/css/woocommerce.css

     

/home/project123/public_html/wp-content/themes/betheme-child/css/woocommerce.css

当我尝试查看页面源代码时，URL指向betheme而不是betheme-child。我该怎么办？

我想删除此行，并且不想使用!important，因为我想使用引导程序来解决一些响应性问题。

.woocommerce .product .product_wrapper .product_image_wrapper .images {
    width: 100%;
    margin: 0;
}

Answer 1

尝试添加额外的标识符，例如页面类或ID

`.page-id-16 .woocommerce .product .product_wrapper #sampele-product .product_image_wrapper .images {
    width: 100%;
    margin: 0;
}`