a:hover {color }

질문글을 작성하다가 원인을 찾아서 문제해결했습니다만, 추후 다른 분께 도움이 될까 봐 간략하게 올립니다.

• 문제

#intro .intro-first-card .overlay a:hover {
  color: #fafa6f;
}

위 코드가 동작하지 않았습니다.

• 원인

bootstrap.min.css 버전에 따른 .link-light 차이

강의&수업자료 버전은bootstrap@5.0.2/dist/css/bootstrap.min.css을 사용 .link-light {color: #f8f9fa;}

제 버전은 bootstrap@5.2.1/dist/css/bootstrap.min.css .link-light {color: #f8f9fa!important;}

• 해결

#intro .intro-first-card .overlay a:hover {
    color: #fafa6f !important;
}