псевдокласс :hover

[volkoff]

День добрый !

Вопрос такой: Можно ли с помощью :hover , заданного для одного элемента (например DIV-а), задать изменение стиля другого элемента ?

К примеру: Наводишь курсор на Div #1, а фон меняется у Div #2, или (или координаты картинки какой-нибудь меняются, ну в общем что угодно, только с другим элементом.

Спасибо

[alexandr_v-vich]

Для форм есть label

Если они идут друг за другом можно через "+"

Если у них общий родитель и один из первый или последний элемент - :first-child и :last-child

Если один вложен в другой - div#1:hover>div#2 {...}

Прочитайте про селекторы CSS

Edited March 30, 2012 by alexandr_v-vich

[volkoff]

Ну вот к примеру 2 дива

<div id="qwe1">Первый</div>

<div id="qwe2">Второй</div>

<style>

#qwe1 {

width:100px;

height:100px;

border:#000 solid 2px;

background-color:#999}

#qwe2 {

width:100px;

height:100px;

border:#000 solid 2px;

background-color:#CCC}

</style>

Как сделать так чтоб при наведении курсора на один, фон менялся только у другого ?

Edited March 30, 2012 by volkoff

[Svatov]

Ну вот к примеру 2 дива

<div id="qwe1">Первый</div>

<div id="qwe2">Второй</div>

<style>

#qwe1 {

width:100px;

height:100px;

border:#000 solid 2px;

background-color:#999}

#qwe2 {

width:100px;

height:100px;

border:#000 solid 2px;

background-color:#CCC}

</style>

Как сделать так чтоб при наведении курсора на один, фон менялся только у другого ?

#qwe1:hover + #qwe2 {

background-color:#aaa;

}

а сорь не посмотрел, ...теги то не вложенные)

Edited March 30, 2012 by Svatov

[volkoff]

it works !

alexandr_v-vich, Svatov, спасибо други !