메뉴 쪽 선 문제 질문드립니다.

메뉴 쪽 선 문제 질문드립니다.

QA

메뉴 쪽 선 문제 질문드립니다.

답변 1

본문

42424d8d5f04d494400ef66e3f92cf7b_1496874615_8946.PNG
 

 

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

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

 

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

 

 

이 질문에 댓글 쓰기 :

답변 1

first-child

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

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

 

 

감사합니다 신비님~! 그런데 아무리 적용해봐도 안되네요;;
현재 구조가 hd_wapper 안에 cb_gnb(네비) > gnb_1dul(ul) > gnb_1dli(li) -> gnb_1da 이렇게 되어있어요~ 바꾸고 싶은건 gnb_1da이구요~ 그래서 #gnb_1dul > gnb_1dl : first-child 로 css에 구문을 추가하였습니다.계속 실패네요;; 전체 다 사라져요 ㄷㄷ;

#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 코드 설정부분입니다~ 지적해주신부분 확인해보았는데 맨 아래 되어있어요~
무엇이 문제일까용;?

답변을 작성하시기 전에 로그인 해주세요.
전체 3
© SIRSOFT
현재 페이지 제일 처음으로