css 궁금 메뉴
본문
보통 메뉴에 <ul> / <li> 가 있자나요
현재 그누메뉴처럼 메뉴사이 사이 구분선을 넣어주려는데
<li>가 끝나는 부분에 border-right:#ccc solid 1px; 이걸 줬는데 맨 마지막 <li>는 안나오게 하려면
방법이 있나요 ?
메뉴는 반복문이에요
답변 2
li:last-child{
border-right:none;
}
브라우저 호환성을 IE9 이상으로 잡으실경우 신리님 말씀처럼 추가코드를 작성하시면 되고요.
IE8, IE7도 고려하신다면 first-child 를 사용하면 됩니다.
li {border-left: #ccc solid 1px;}
li:first-child {border-left: 0;}
이렇게 간단할 수가요 ~ 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
