Здравствуйте. Подскажите, пожалуйста, как правильно обернуть блок, который отвечает за вывод фото (info_left) в блок, который затемнит/высветлит фото. На сайте на ocStore нужно проверить количество товара и применить фильтр. Делаю вот так: Задаю стили: Код (CSS): <style> .quantity1{ filter: grayscale(0%); } .quantity0{ filter: grayscale(100%); } </style> Проверяю количество: PHP: <?php if ($quantity) { ?> <div class="quantity1"><div class="info_left"></div></div> <?php } else { ?> <div class="quantity0"><div class="info_left"></div></div> <?php } ?> Через просмотр кода выводится тот div, который должен быть при количестве 0 товаров, а если больше 0 товаров, то выводится quantity1, но вот применяться не хочет Попробую еще сделать так: PHP: <?php if ($quantity) { ?> <?php echo "<div style='filter: grayscale(0%);'><div class='info_left'></div></div>"; ?> <?php } else { ?> <?php echo "<div style='filter: grayscale(100%);'><div class='info_left'></div></div>"; ?> <?php } ?> Через просмотр кода тоже правильно все выводится PHP: <?php if ($quantity) { ?> <?php echo "<div class='info_left' style='filter: grayscale(0%);'></div>"; ?> <?php } else { ?> <?php echo "<div class='info_left' style='filter: grayscale(100%);'></div>"; ?> <?php } ?> Тоже выводится правильно Но что-то делаю не так, фильтр применяться не хочет. Хотя если просто через css в info_left добавить "filter: grayscale(100%);", то применяется фильтр И даже так работает