Суть: При наведение на элемент div#sBn.sPn border меняет цвет только div#sBn.sPn, а как сделать что бы менял сразу и у яйцо 2 когда навел на объект?! А то только получилось когда наводил на сам объект яйцо 2, по другому не знаю как...
Код
#sBn{display:inline-block;}
.sPn{border:1px solid #3079ED;}
.sPn:hover{border:1px solid #2F5BB7;}
#sBn a{color:#000;display:inline-block;padding:5px 10px;text-decoration:none;}
Код
<div class="sPn" id="sBn">
<a href="/">
<span style="padding-right: 10px">яйцо 1</span><span style="border-right: 1px solid #3079ED;border-left: 1px solid #3079ED;padding: 5px 10px">яйцо 2</span><span style="padding-left: 10px">яйцо 3</span>
</a>
</div>
