Есть ли что то типо условия hasclass в CSS?

Question

[Levott]

У меня есть блоки и картинка в этих блоках, можно ли написать что-то тип условия в CSS по типу:
если у картинки этого блока есть вот этот класс делать вот так вот{
CSS
CSS
CSS
}
а вот если у картинки этого блока нет вот этого класса делать вот так вот{
CSS
CSS
CSS
}
надеюсь понятно

Comments

[modelair]

:has

[Levott]

modelair, это я знаю, и про :not знаю, но вопрос стоит в том что у ОПРЕДЕЛЁННОЙ КАРТИНКИ ОПРЕДЕЛЁННОГО БЛОКА, капсом выделил суть вопроса, если у этой картинки есть класс ааааратататата, то менять цвет ВСЕГО блока на жёлтый

[Levott]

Levott, какое то такое условие надо

[modelair]

.block:has(img.image) {
background: yellow
}

[Levott]

modelair, спасибо, надеюсь работает, как я понял вместо img должен быть класс картинки?

[modelair]

img это элемент в документе, .image его класс

[modelair]

Levott, должно работать, но не в firefox

[Levott]

modelair, победа, у меня хром

[Василий Банников]

Можешь дать пример разметки и то, какие стили на что нужно наложить?

[Levott]

Василий Банников, я щас в школе, вечером точно отправлю

[Lynn «Кофеман»]

Что-то я не улавливаю разницы между примерами

[Levott]

Lynn «Кофеман», в плане?
нет у картинки такого класса - применять такие стили
есть у картинки такой класс - применять такие стили

[Levott]

modelair, спасибо , помогло

Answer 1

[Антон Романков]

https://developer.mozilla.org/en-US/docs/Web/CSS/:has
Также можно использовать :not:has
только обратите внимание на поддержку браузеров