Изменить свойства определенного дива при a:hover через CSS?

Question

[bulbazaur]

Есть один див, после него другой (не могу найти сервис для форматирования кода, чтобы показать). При наведении на ссылку во втором диве, можно ли изменить свойства первого, например background?

<div id="ball"></div>
<div id="links">
<a href="#">LINK</a>
</div>

Comments

[Shedal]

Зачме вам сервис форматироваиня кода? Используйте тег source.
С примером намного проще будет вам помочь.

[bulbazaur]

я пробовал использовать сорс, вот что получается:

LINK


[bulbazaur]

ах, это code, прошу прощения

Answer 1

[homm]

Как частный случай — сделать первый блок внутри ссылки и вынести его куда нужно с помощью position: absolute;

Comments

[bulbazaur]

но как тогда избежать изменения свойства дива при наведении на него самого?

[Константин Китманов]

Как-нибудь так.

.links {
  position: relative;
  background: red;
}
.links .balls {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 10px;
  height: 10px;
  background-color: white; 
}
.links:hover .balls {
  background-color: green; 
}
.links .balls:hover {
  background-color: white;
}

<div class="links">
  <div class="ball"></div>
</div>

[Константин Китманов]

Вообще нельзя управлять через CSS свойствами элементов, которые по иерархии лежат не внутри — селекторы не позволяют, т.к. почти все выбирают среди потомков. Единственное исключение — селектор «+».

Answer 2

[Shedal]

Я думаю, даже если вы найдете решение при помощи CSS3, все равно намного быстрее и проще будет решить вашу задачу при помощи javascript. Такое решение хотя бы работать будет во всех браузерах.

Comments

[Иван Климчук]

а если отключить javascript? :)

[Shedal]

Но зачем??! ;)

[Alexander]

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

[Shedal]

Думаю, это зависит от проекта. Но в большинстве случаев, наверное, можно пожертвовать мизерным процентом людей без JS, и сократить время и затраты на разработку.

[Алекс Белов]

Можно вопрос, как в такой тривиальной задаче javascript может быть быстрее css? И вообще за исключением использования svg css всегда быстрей...