CSS Pseudo class 예제

.main-nav__item a {
    text-decoration: none;
    color: #0e4f1f;
}

.main-nav__item a:hover {
    color: white;
}

.main-nav__item a::after {
    content: ' after';
    color: pink;
}

navbar에 들어있는 a태그만 style 변경해줄 때

이런 식으로 주면 깔끔하다.