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

메뉴 쪽 선 문제 질문드립니다. 채택완료


 

 

위 그림 보시다 싶이 백그라운드를 사용하여 | 선을 넣었습니다~ 그런데 동그라미 부분은  구분선을 넣을 필요가 없어서 지우려 하는데 잘 안되네요~ 

고수님들 가르침점 부탁드리겠습니다.

 

시도해본 부분은 head 쪽 php에 $i가 0일때 백그라운드 스타일을 삭제 해보려 했습니다.

 

 

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

답변 1개

채택된 답변
+20 포인트

first-child

nth-child(n) 속성을 이용해 보세요.

https://homzzang.com/b/css-26">https://homzzang.com/b/css-26 

 

 

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

답변에 대한 댓글 8개

감사합니다 신비님~! 그런데 아무리 적용해봐도 안되네요;;
현재 구조가 hd_wapper 안에 cb_gnb(네비) > gnb_1dul(ul) > gnb_1dli(li) -> gnb_1da 이렇게 되어있어요~ 바꾸고 싶은건 gnb_1da이구요~ 그래서 #gnb_1dul > gnb_1dl : first-child 로 css에 구문을 추가하였습니다.계속 실패네요;; 전체 다 사라져요 ㄷㄷ;
gnb_1dl 클래스명 앞에 점이 빠졌네요.
에궁..그래도 안돼네요;; 아참 신비님께서 알려주신부분 보면 <style> 이부분을 쓰도록 되어있는데 현재 저는 default.css 여기에 넣어 사용했습니다. 이부분이 문제 되는건 아니죠..?
1. 해당 부분의 정확한 선택자를 입력했는지?
2. 해당 스타일 코드가 맨 마지막에 오는지?

위 2가지 체크해보셔야 할 것 같습니다.
#cb_gnb {position:relative;float:right;}
#cb_gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {position:relative;float:left}
.gnb_1da {display:inline-block;padding:31px 30px 30px 30px;height:35px;font-family:'Malgun Gothic','맑은 고딕','Nanum Barun Gothic' Regular;line-height:2.95em;text-decoration:none;cursor:default; font-size:1.5em; background: url(../img/line.gif) 0 55px no-repeat;}
.gnb_1da.c_pointer {cursor:pointer}
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {color:#008299}
.gnb_1dli_on .gnb_1da {color:#008299}
.gnb_2dul {display:none;position:absolute;top:96px;width:180px;font-size:0.929em}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background:rgba(0,0,0,0.8);color:#fff}
.gnb_1dli_on .gnb_2da {background:rgba(0,0,0,0.8);color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:rgba(68,68,68,0.8);text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;}

#gnb_1dul > .gnb_1dli:first-child {background:none}

현재 css 코드 설정부분입니다~ 지적해주신부분 확인해보았는데 맨 아래 되어있어요~
무엇이 문제일까용;?
헛...해결되었습니다~ li 자식에 백그라운드를 주었는데 코드를 다시보고 li에 백드라운드에 주고 하니 잘되네요!!! 신비님 너무 너무 감사합니다~!!!
해결 축하드립니다. ^^
신비님 덕이에요~~ 너무 너무 감사드립니다 최고에요 ㅎㅎ

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

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

로그인

전체 질문 목록

🐛 버그신고