:hover:not(.class) 마우스에 반응하지 않게 하기

See the Pen :hover:not(.class) by nilgi (@nilgi) on CodePen.

 

 

li a:hover:not(.job) { // 목록 중 .job만 마우스에 반응하지 않게 한다.
        background-color: #333;
        color: #fff;
    }

<ul>
    <li><a class="job" href="#">직업</a></li>
    <li><a href="#">패스파인더</a></li>
    <li><a href="#">아델</a></li>
    <li><a href="#">호영</a></li>
    <li><a href="#">히어로</a></li>
</ul>