Возможно ли изменить стили для другого элемента при условии?

Question

[Антон]

К примеру у меня есть элемент с классом .my-class1, а также динамичным классом .my-class1-2(элемент тот же, класс то появляется, то исчезает при каком-то условии(у меня это открытие и скрытие меню при нажатии на бургер)).
Также есть отдельный элемент с классом .my-class2
Знаю что отсутствие класса можно задать через псевдокласс :not
Возник вопрос, возможно ли изменить стили для элемента с классом .my-class2 только если элемент с классом .my-class1 не содержит класса .my-class1-2, тоесть .my-class1:not(.my-class1-2)

Comments

[Сергей c0re]

селектор :not применяется к текущему элементу, а не к другим, например это

.my-class1:not(.my-class1-2)

скомпилируется скорее всего как элементы с классом .my-class1 не содержащие класс .my-class1-2
см. CSS-селекторы четвёртой версии, а вам надо выбрать с классом .my-class2
т.е. это совсем не то...
пробовал через CSS переменные и анимацию (эта функция вызывается постоянно и в ней как раз можно было бы проверять изменения в других описаниях или по переменным), не получилось, то ли переменные не меняются, не знаю.
как происходит взаимодействие с "бургером" ?

PS: на JS не проблема, ниже описал пример.

Answer 1

[Сергей c0re]

меняются не стили в классе, а классы у элемента и/или непосредственно стили самого элемента.
классы у элемента можно менять например так:

document.getElementsByClassName("my-class1")[0].className="my-class2"

стили так:

document.getElementsByClassName("my-class1")[0].style="font-family: 'PT Sans';font-style: normal;"

и т.п.

PS: метод document.getElementsByClassName() возвращает коллекцию, а не один элемент!

Upd:

ок, перечитал еще несколько раз, вроде понял что хотите ))
на JS возможно если у вас есть ссылка на объект с классом "my-class1"
например так

function checkMyFirstBlock(el){
	if(el.className.indexOf("my-class1-2") == -1) {
		// не найдено "my-class1-2"
		document.getElementsByClassName("my-class2")[0].style = "background-color:red";
	} else {
		// найдено
		document.getElementsByClassName("my-class2")[0].style = "background-color:white";
	}
}

в функцию checkMyFirstBlock передаете ссылку на первый блок
если у него в className нет класса my-class1-2, то выполняется условие и можно как угодно менять стили у my-class2

Upd2:
Но, проще наверно хранить "флаг" в глобальной переменной
если в каком-то месте меняем классы первого элемента, то выставляем в переменной "флаг" (пусть 1)
если сбрасываем, то в переменную = 0

далее проверяем флаг, соответственно выставляем стили у второго элемента.

как-то так.

Answer 2

[Stalker_RED]

Скриптами только, ну или если они вложенные.

Comments

[Антон]

Хорошо, если даже с помощью js, подскажите идею?

[Stalker_RED]

Антон, там же где меняете класс одному элементу, там и второму меняйте.
Или меняйте класс их общему родителю.

[Сергей c0re]

Антон, разверните свою мысль подробнее... какой у вас код, как навешиваются классы при "нажати на бургер"