a:hover {color }
455
1 asked
질문글을 작성하다가 원인을 찾아서 문제해결했습니다만, 추후 다른 분께 도움이 될까 봐 간략하게 올립니다.
문제
#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;
}
Answer 4
0
감사합니다.
그럼 해결방법이 옆에 !important 를 붙이는건가요?
버전을 바꿔야 하나요?
여러가지를 해봐도 hover가 작동하지 않습니다.
0
강의버전이랑 같은 bootstrap.min.css을 사용하시면 !important를 안쓰셔도 됩니다.
커스텀한 css파일에 !important를 추가하셨는데도 작동하지 않으신다면 브라우저 개발자모드에서 어떤 css를 사용하는지 직접 확인하셔야할 듯 합니다.
services-col mx-2 my-3
0
62
2
단축키 질문
0
57
1
부트스트랩 + *.css 함께 사용하는 이유와 분리 기준이 궁금합니다.
0
279
2
프로젝트3의 툴팁에서
1
333
2
프로젝트1 번의 Navigation 강의부에서 질문입니다.
0
363
1
게시판을 추가할 수 있는 방법이 있을까요?
0
721
1
프로젝트 2 이미지 깨짐 현상
0
1179
1
프로젝트 1- Service Section 에서 app.js에서 syntaxError가 납니다.
0
287
1
자식에 position:absolute;를 쓰지 않고, 바로 top 설정이 가능한가요?
0
350
2
cdn.js를 실제 프로젝트에 써도 문제가되지 않나요!?
0
529
1
carousel 구현에서 사용된 아이디가 중복 사용 가능한가요?
0
361
1
kakao map이 mobile에서도 가능하게 하려면 어떻게 할까요?
0
307
1
-webkit- 접두어가 안붙습니다.
0
400
1
브레이크 포인트 관련 문의
0
258
1
Post Content -2 질문
0
204
1
아니 선생님 이게 뭡니까 프로젝트3 Blog CTA Modal 파트
0
324
2
hover
0
322
1
box 공부중 질문있습니다
0
333
3
뭐가 잘못 된지 모르겠습니다.
0
294
2
강의보고 따라하는데 안됩니다.
0
302
3
3:10 -> 3:16 코드 질문 있습니다^^
0
282
2
card와 card-body 의 차이점
0
677
2
px-md-3
0
377
2
a:hover
0
289
2