Как изменить стили у первого элемента при наведении на второй элемент?

Question

[MrDrap]

Здравствуйте. Надо при наведение на Интернет магазин Арога сделать так, чтобы Интернет магазин Солана менял цвет.
Подскажите пожалуйста как это реализовать?

Есть код

<div class="sbmts_bl">
		<a class="sbm_top_link fancybox" href="#">Интернет магазин Солана </a>
			<a class="sbm_top_link fancybox" href="#">Интернет магазин Арога</a>
			
			</div>

Пытался в стилях сделать так

.sbm_top_link:nth-child(2):hover + .sbm_top_link a {
		color:#222222;
		background:#333333;	
}

Answer 1

[DevMan]

js (jquery) https://jsfiddle.net/12qqam81/

Comments

[MrDrap]

Спасибо большое!

[DevMan]

MrDrap: пожалуйста)

[MrDrap]

Извините, что то в проекте ни как не получается реализовать.
Подключил библиотеку jquery.
Пытался скрипт этот и в отдельном файле записать и в основной html, стили добавил, а все равно не работает...

[DevMan]

MrDrap: попробуйте так https://jsfiddle.net/12qqam81/1/
и не забудьте также добавить класс в css.

[MrDrap]

DevMan: Все добавил как у Вас, все равно не работает :-(

[DevMan]

MrDrap: увы, не видя кода подсказать ничего не могу.

[MrDrap]

DevMan: https://yadi.sk/d/VKSRceahrYii2 в целом проект.
Пытался jsfiddle вставить свои данные, отдельно все работает, а в сборе не хочет

[DevMan]

MrDrap: https://dropmefiles.com/JWMHU
так у меня работает.

[MrDrap]

Спасибо Вам большое!
Очень помогли!

[DevMan]

MrDrap: пожалуйста)

Answer 2

[Сергей delphinpro]

В общем случае - никак. Селектора предыдущего элемента в CSS нет.
Но можно извратиться. В разметке сначала вывести элемент Б, потом элемент А. Чтобы они на странице отображались как надо (А - Б), нужно поменять их порядок с помощью flex order. И используя сестринский селектор (+) можно написать .b:hover + .a {}. Таким образом визуально можно получить нужный эффект.

Comments

[MrDrap]

я так и думал, что извращаться придется.
Заказчик сразу не сказал, что надо будет так, все сделал, ему в голову такое взбрело...

[Сергей delphinpro]

MrDrap: В реальном проекте я бы скриптом запилил, без этих извратов.

[MrDrap]

Сергей: не совсем только понял, как им сделать можно
классы то одинаковые, в ступоре я что то

Answer 3

[Figment]

Как до меня уже написали, надо извращаться.
javascript нельзя подключить? С ним не придётся разметку менять (почти). Чтобы с javascript это ещё проще сделать, можно ссылкам свои классы добавить. Метод не самый изящный, но действенный.

Comments

[MrDrap]

можно использовать js.
не совсем только понял, как им сделать можно