CSS不是选择器问题

问题描述

我有一个页面<body id="index">，我希望将其排除在某些CSS之外。如果我尝试此操作，它将不起作用，只会影响我网站上的所有页面。

@media (max-width: 991px){
body:not(#index) #products .product-miniature .product-container div.left-block .product-image img,.featured-products .product-miniature .product-container div.left-block .product-image img,.product-accessories .product-miniature .product-container div.left-block .product-image img,.product-miniature .product-container div.left-block .product-image img,.category-products .product-miniature .product-container div.left-block .product-image img{
    width: 100px;
    height: 100px;
}}

@media (max-width: 991px){
body:not(#index) #products .product-miniature,.featured-products .product-miniature,.product-accessories .product-miniature,.product-miniature,.category-products .product-miniature{
    height: 175px;
}}

解决方法

不适用于它所在的选择。这与选择器的任何其他部分相同。您需要为列表中的每个重置它。例如，您已经将img作为选择器的一部分进行了处理。

这是第一个声明。我在这里将它们放在单独的行中，以使其更易于阅读。您无需执行此操作，但需要将body：not（#index）放在所有这些内容之前。

body:not(#index) #products .product-miniature .product-container 

div.left-block .product-image img,body:not(#index) .featured-products .product-miniature .product-container div.left-block .product-image img,body:not(#index) .product-accessories .product-miniature .product-container div.left-block .product-image img,body:not(#index) .product-miniature .product-container div.left-block .product-image img,body:not(#index) .category-products .product-miniature .product-container div.left-block .product-image img {
    width: 100px;
    height: 100px;
}

prestashop prestashop-1.7