Вопрос про :hover ...

[nike2012]

Все привет, меня мучает давно один вопрос, можно сделать чисто на CSS чтоб при наведении на один див, свойства другого менялись. Я покажу такую конструкцию:

"...это простой пример, это абстрактный пример, не нужно сейчас приводить как в джейквери легко можно это сделать. Спасибо..."
HTML:
<div="block1"></div><div="block2"></div>
CSS:
.block1{display:block;float:left;width:100px;}
.block2{display:block;float:right;width:100px;}
.block1:hover{width:150px;}
.block1:hover.block2{width:50px;}

просмотреть менюшки в интернете и увидел что такая конструкция прекрасно работает с <ul></ul>...
Скажите с простыми дивами можно такое сделать? Спасибо.

[Kylaksizov]

А почему div без указания класса у вас?

[parmactep]

<div="block1"></div><div="block2"></div>

<div class="block1"></div><div class="block2"></div>

[nike2012]

ошибся, но суть не в этом! По любому не получается....
Или у вас идет???

[Кирилл_Lux]

block1:hover.block2{width:50px;}

Что за конструкция такая???
Может все таки через пробел, ни и для такой конструкции .block2 должен быть вложен в .block1
block1:hover .block2{width:50px;}

Ну а так :hover должен работать!
Возможно больше конкретики надо или сайт где хотите сделать.

[nike2012]

Странно у меня и так не работает, а какой должен быть у них position? или роли не играет. Можете привести маленький пример ну наподобие моего только рабочий... Спасибо!

[UnitZ]

css:

Код Выделить Развернуть


.div1:hover ~ .div2{
font-weight:bold;
}


html:

Код Выделить Развернуть


<div class="div1">hover me</div>
<div class="div2">im bold</div>


Это css3, так что в старых браузерах не работает. Подробнее о комбинаторах: http://www.spravkaweb.ru/css/reference/selectors/combinators/general_sibling/ и http://www.spravkaweb.ru/css/reference/selectors/combinators/adjacent_sibling/