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

Question

[Глюкъ Виртуален]

Много лет назад я этот финт проделывал, а сейчас ни в какую... :( может чего забыл?
jsfiddle.net/pb6eyrec/3

a { text-decoration: none }

p.first a:hover > p.second a {
    text-decoration: underline;
}

Русским языком: при наведении курсора на p.first a нужно подчеркнуть все что живет в p.second a.
Но как, Холмс? :)

Answer 1

[Василь Бойко]

jsfiddle.net/pb6eyrec/16
только разберитесь, как это работает

Comments

[Глюкъ Виртуален]

Ага, понял, спасибо.

Answer 2

[Илья Андриенко]

.first:hover ~ .second a{
  color:#ff0;
  text-decoration:none;
}

~ выберет все элементы одного уровня с .first
Если элементы рядом - можно использовать +