CSS — Взаимодействие классов друг относительно друга?

Question

[Артемий Аверин]

Есть квадрат, при наведении на него необходимо все за ним закрасить полупрозрачным divом

Имеется div с классом box. Необходимо при :hover изменить div overflow


Еще разок: При наведении на блок необходимо изменить атрибуты другого класса


Хотелось бы обойтись без jquery, так как с ним появляются большие лаги и глюки. Хотелось бы попробовать на css, css3


Подскажите пожалуйста умеет ли это css?


P.S. Перерыл весь интернет, уткнулся в less — не выход и не факт что решит проблему


Заранее большое спасибо

Answer 1

[Анатолий]

jsfiddle.net/ Вложенные без проблем, при изменении position они могут быть где угодно в документе, а вот если они независимы, то это уже сложней =)

Comments

[Анатолий]

jsfiddle.net/YeHwS/ ссылку не ту дал

Answer 2

[tick]

А еще можно так jsfiddle.net/DHrF8/

Comments

[tick]

Евгений Романенко, A + B - это CSS Adjacent Sibling Selector.
htmlbook.ru/css/selector/adjacent

Answer 3

[Shirixae]

Cам искал решение схожей проблемы.

Comments

[Shirixae]

Упс, контрол+энтер случайно. Так вот, само решение не нашел для двух независимых дивов, для вложенных — два решения выше вам дали.