보통 메뉴에 / 가 있자나요 현재 그누메뉴처럼 메뉴사이 사이 구분선을 넣어주려는데 가 끝나는 부분에 border-right:#ccc solid 1px; 이걸 줬는데 맨 마지막 는 안나오게 하려면방법이 있나요 ? 메뉴는 반복문이에요

이전 목록 다음

채택완료

css 궁금 메뉴

시끄럽다냥

2017-03-23 (목) 13:33:56 2,738

보통 메뉴에 <ul> / <li> 가 있자나요

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

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

방법이 있나요 ?

메뉴는 반복문이에요

그누보드5 css 메뉴

채택된 답변

+20 포인트

웹학교

2017-03-23 (목) 13:42:23

li:last-child{

border-right:none;

}

흉내쟁이

2017-03-23 (목) 16:26:19

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

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

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

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

시끄럽다냥

2017-03-24 (금) 06:34:49

이렇게 간단할 수가요 ~ 감사합니다.

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