테스트 사이트 - 개발 중인 베타 버전입니다

css 컨트롤이 안되요ㅠ 채택완료

우울한케로로 7년 전 조회 1,847

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개

채택된 답변
+20 포인트
D
7년 전

해당 사이트 소스보기하니,

/css/style.css 에서 정의되어 있는데요.

중복으로 클래스가 선언이 되어있네요.

 

# 우선순위에 따라서 제일 하단에 적혀있는 것으로 잡으셔야 됩니다.

제일 하단에 적혀있는 부분이 아닌, 중간에 적혀있는 부분을 수정하셔서 발생된 문제같네요.

제가 소스보기로 해서 해보니 css 컨트롤 잘되네요~

 

예를 들어,,

.qna_nav a 의 class 경우 style.css 1621 번줄 / 484 번줄에 같이 기록되어있습니다.

위에 말씀드린바와 같이 우선순위에 따라 1621 번줄의 css 를 따라가게 되어있어요.

484번을 건드리셨다면, 말씀대로 수정해도 꿈쩍을 안하게 되겠지요!

 

※ 이런 경우 css 소스 중복된 코드를 정리를 먼저 하시는게 좋겠습니다!

작업전 백업은 필수입니다~~ ^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인