JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <a href="#" class="href1"></a>
    <a href="#" class="href2"></a>
</div

CSS

.href1, .href2
    {
        display:block;
        width:100px;
        height:100px;
    }

.href1
    {
        background:red;
        border:2px solid #000;
        margin-bottom:30px;
    }

.href1:hover
    {
        border-color:yellow;
    }

.href2
    {
        background:blue;
    }

.href2:hover .container.href1
    {
        border-color:yellow;
    }