Как выполнить hover для двух элементов сразу?

Question

[kentos]

Как выполнить hover для двух элементов сразу?

.box {
        border: 2px solid white;
}
.main-catalog {
    text-align: center;
}
.main-catalog-black {
    text-align: center;
}
.main-catalog a {
    position:relative;
	color: white ; 
	cursor: pointer;
	line-height: 1; 
	text-decoration: none;
	font-weight:bold;
}
.main-catalog-black a {
    position:relative;
	color: #000 ; 
	cursor: pointer;
	line-height: 1; 
	text-decoration: none; 
	font-weight:bold;
}

.main-catalog a:after {
	display: block;
	position: absolute;
	left: 0; 
	width: 0;
	height: 2px;
	background-color: white; 
	content: "";
	transition: width 0.3s ease-out;
}

.main-catalog-black a:after {
	display: block;
	position: absolute;
	left: 0; 
	width: 0;
	height: 2px;
	background-color: #000; 
	content: "";
	transition: width 0.3s ease-out; 
}

.main-catalog  a:hover:after,
.main-catalog  a:focus:after {
	width: 100%; 
}

.main-catalog-black a:hover:after,
.main-catalog-black a:focus:after {
	width: 100%; 
}

<div class="main-catalog">
<a href="/milk/">МОЛОЧНАЯ ПРОМЫШЛЕННОСТЬ</a>
</div>

Comments

[DimaDolgoter]

Типа наводишь на одну ссылку и к ней применяется ховер и чтоб в это же время к другой ссылке ховер применялся?

[Ankhena]

На каких двух элементах сразу?
Переместите код в песочницу jsfiddle или codepen.

[kentos]

Ankhena, Есть .box, там стоит картинка, и при наведении на изображения, выполнялось подчёркивание ссылки

[kentos]

DimaDolgoter, Ankhena, Есть .box, там стоит картинка, и при наведении на изображения, выполнялось подчёркивание ссылки

[Ankhena]

kentos, Вот где ТАМ, в вашем коде, есть .box и в нем картинка?

<div class="main-catalog">
<a href="/milk/">МОЛОЧНАЯ ПРОМЫШЛЕННОСТЬ</a>
</div>

[Ankhena]

kentos,
вероятно, вам сюда:
соседние селекторы: htmlbook.ru/css/selector/adjacent
или сюда:
родственные селекторы: htmlbook.ru/css/selector/sibling

[kentos]

Ankhena, Я не прикреплял блок с картинкой

[Ankhena]

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

[DimaDolgoter]

Элементы вложенные? если да то селетктором, если нет то мне приходит в голову только с jquery/
Типа так

$( "элемент на который наводишь" ).hover(
  function() {
  $( "элемент на который применяется ховер" ).css("color","red")
  } 
);