css 컨트롤이 안되요ㅠ 채택완료
http://eworldtour.co.kr/qna.html
이부분을 작업중인데 css가 안 먹혀요ㅠㅠ 메뉴를 줄이고 싶은데요ㅠㅠ
clearfix를 없애면 아래부분이랑 메뉴가 딱 붙어버리고..ㅠ
메뉴부분 위에 이메일상담 부분도 사이즈가 들쑥날쑥하고ㅠㅠ
.qna_nav a { float: left; width: 20%; text-align: center; padding: 18px 0; background-color: #f5f5f5; border-left: 1px solid #dfdfdf; box-sizing: border-box; color: #7c7c7c; font-weight: 500; }
.qna_nav li:last-child a { border-right: 1px solid #dfdfdf; }
.qna_nav_selected a { background-color: white; color: #1675d1; position: relative; border-bottom: 1px solid #fff; margin: 0 0 -1px 0; }
.qna_nav_selected a:before { background-color: #1675d1; height: 5px; content: ""; width: 100%; display: block; position: absolute; top: 0; }
답변 1개
해당 사이트 소스보기하니,
/css/style.css 에서 정의되어 있는데요.
중복으로 클래스가 선언이 되어있네요.
# 우선순위에 따라서 제일 하단에 적혀있는 것으로 잡으셔야 됩니다.
제일 하단에 적혀있는 부분이 아닌, 중간에 적혀있는 부분을 수정하셔서 발생된 문제같네요.
제가 소스보기로 해서 해보니 css 컨트롤 잘되네요~
예를 들어,,
.qna_nav a 의 class 경우 style.css 1621 번줄 / 484 번줄에 같이 기록되어있습니다.
위에 말씀드린바와 같이 우선순위에 따라 1621 번줄의 css 를 따라가게 되어있어요.
484번을 건드리셨다면, 말씀대로 수정해도 꿈쩍을 안하게 되겠지요!
※ 이런 경우 css 소스 중복된 코드를 정리를 먼저 하시는게 좋겠습니다!
작업전 백업은 필수입니다~~ ^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인