Как сделать CSS :hover для всех элементов A?

Question

[Justin Bieber]

Есть меню: codepen.io/anon/pen/oxPVLW
При hover только один элемент подкрашивается белым, хотелось бы чтоб при этом остальные элементы получали свойство opacity: 0.5 к примеру, как тут
Объясните не опытному как это делать, указывал .nav .main_nav a:hover, но действует только к одному, либо не действует.
Спасибо!

Answer 1

[Nikolay Talanov]

Некрасивый, но рабочий код.

ul:hover li a {
  opacity: 0.5;
}

nav ul li:hover a {
  opacity: 1;
}

Comments

[Justin Bieber]

чотко!

Answer 2

[Алексей]

.nav ul.main_nav:hover a {
  color: rgba(255, 255, 255, 0.7);
}

Comments

[Justin Bieber]

все классно, а как управлять элементом на который наведен курсор?

[Алексей]

Justin Bieber: путь до тега соответственно тоже должен быть полным
.nav ul.main_nav a:hover {
background-color: #FFFFFF;
color: #A01818;
}

[Justin Bieber]

Спасибо!