Question

我想在mywebsite.com/shop上更改css

但我不希望mywebsite.com/shop/t-shirt上的css生效。

请注意，商店页面和商店产品页面对被调用的“ul”使用相同的css。

我使用页面ID 6602（商店页面）在css中尝试过此方法：

.page-id-6602 ul.products li.product, .storefront-full-width-content.single-product .related ul.products li.product, .storefront-full-width-content.single-product .upsells ul.products li.product, .storefront-full-width-content .site-main .columns-4 ul.products li.product {
height: 295px;
min-height: 295px !important;
max-height: 295px !important;
margin-bottom: 1% !important;
width: 24%;
margin-right: 0.5% !important;
margin-left: 0.5% !important;
min-height: 550px;
height: 550px;
padding: 15px;
border-radius: 20px;
background: #f9f9f9;

但这也改变了产品页面。那么我在php中尝试了这个方法：

function correct_shop_category_size() {
if (is_page( 6602 ) ) {
    ?> <style>
    ul.products li.product, .storefront-full-width-content.single-product .related ul.products li.product, .storefront-full-width-content.single-product .upsells ul.products li.product, .storefront-full-width-content .site-main .columns-4 ul.products li.product { height:295px;min-height:295px!important;max-height:295px!important;margin-bottom:1%!important;width:24%;margin-right:0.5%!important;margin-left:0.5%!important;min-height:550px;height:550px;padding:15px;border-radius:20px;background:#f9f9f9; }
    </style> <?php
}
}

完全相同。它们既影响产品页面，也影响商店页面。任何人对如何更改仅父商店页面而不是子商品页面的css有任何想法？

感谢。

更改Wordpress商店父页面上的CSS而不是子页面

0 个答案: