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

css 궁금 메뉴 채택완료

시끄럽다냥 8년 전 조회 2,509

보통 메뉴에

    /
  • 가 있자나요 

     

    현재 그누메뉴처럼 메뉴사이 사이 구분선을 넣어주려는데

     

  • 가 끝나는 부분에  border-right:#ccc solid 1px;  이걸 줬는데  맨 마지막
  • 는 안나오게 하려면

    방법이 있나요 ?

     

    메뉴는 반복문이에요 

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

답변 2개

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

li:last-child{ 

border-right:none;

}

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

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

브라우저 호환성을 IE9 이상으로 잡으실경우 신리님 말씀처럼 추가코드를 작성하시면 되고요.

IE8, IE7도 고려하신다면 first-child 를 사용하면 됩니다.

 

li {border-left: #ccc solid 1px;}

li:first-child {border-left: 0;} 

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

답변에 대한 댓글 1개

시끄럽다냥
8년 전
이렇게 간단할 수가요 ~ 감사합니다.

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

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

로그인