CSS с условием — реально ли применить стиль к элементу с классом «class-2» если у элемента с классом «class-1» visibility: visible?

Question

[denismix]

Наверное я слишком много хочу от CSS =)
Есть ли в CSS конструкция, которая позволит сделать нечто подобное:

Если .class-1 сейчас visibility: visible, то для .class-2{....}

Уточню, что для .class-1 visibility может меняться по нажатию кнопки.

На js или php это сделать можно, а вот на чистом CSS?

Answer 1

[Алексей Струков]

Можно сделать если будешь менять visibility в js через style атрибут и второй класс у тебя находится на одном уровне вложенности с первым классом внутри общего контейнера.
Вот такой селектор для этого можно использовать:
.class1[style*=visible] ~ .class2

Answer 2

[Stalker_RED]

Нет, но в некоторых случаях можно проверять класс или псевдокласс. В связке с :checked довольно часто используется.

Comments

[denismix]

Пожалуйста, чуть подробнее про "в некоторых случаях можно" и :checked.
У меня классическая ситуация - в покупном шаблоне текст Меню "вылазит" выше поп-ап Окна, z-index не помогает...
Когда это Окно visibility: visible, то хотелось бы Меню display: none
А доступ есть только к CSS... =/
Если бы у этого поп-окна был какой-то вспомогательный класс типа .pop-is-on, то все решалось бы просто, как в примере ниже, но его нет...

.header-container .pop-is-on #header-menu,
.header-container .pop-is-on .widget_shopping_cart_content {
    display: none !important;
}

[Stalker_RED]

denismix: С checked как-то так, но боюсь, что в вашем случае это не поможет.

К html коду нет доступа? Было бы круто вытащить код окна поближе к body, тогда проще справиться с z-index.

[denismix]

К сожалению не годится, это только на установку "галочек" работает.
Нет, доступа к коду нет вообще.

[Stalker_RED]

denismix: тогда разбирайтесь что не так с z-index. Для фаерфокса есть крутое дополнение - tilt.