CSS 코드 줄이는 방법 아시나요??
꼬붕
div#menu ul.TM li ul#SM1 .ex {border-right:none;}
div#menu ul.TM li ul#SM2 .ex {border-right:none;}
div#menu ul.TM li ul#SM3 .ex {border-right:none;}
div#menu ul.TM li ul#SM4 .ex {border-right:none;}
div#menu ul.TM li ul#SM5 .ex {border-right:none;}
div#menu ul.TM li ul#SM6 .ex {border-right:none;}
div#menu ul.TM li ul#SM7 .ex {border-right:none;}
div#menu ul.TM li ul#SM8 .ex {border-right:none;}
div#menu ul.TM li ul#SM9 .ex {border-right:none;}요 코드를 음 한줄로 줄일수 있는 방법 없을까요??
여러가지 시도를 해봤는뎅..음 안되네요??
있을거 같은데 방법이...ㅠㅠ
도와주세요~~~
윗 코드도 추가합니다~
div#menu{ clear:both; margin:0; padding:0; width:980px; height:71px; background:url(../img/menu/bgMenu.gif) no-repeat; position:relative;}
div#menu ul.TM { display:block; position:relative; top:0; padding-left:10px; }
div#menu ul.TM li { display:inline; margin:0; padding:0; float:left; }
div#menu ul.TM li.ex { display:inline; margin:0; padding:0; float:right;}
div#menu ul.TM li ul.SM { display:none; position:absolute; height:20px; top:43px; }
div#menu ul.TM li ul.SM li { display:inline; margin:4px 0; float:left;border-right:1px solid #c4c4c4; }
div#menu ul.TM li ul#SM1 { left:7px;}/*뉴스*/
div#menu ul.TM li ul#SM2 { left:65px; }/*동호회*/
div#menu ul.TM li ul#SM3 { left:150px; }/*동영상_슬라이드쇼*/
div#menu ul.TM li ul#SM4 { left:238px; }/*e-book*/
div#menu ul.TM li ul#SM5 { left:420px; }/*랭킹정보*/
div#menu ul.TM li ul#SM6 { left:500px; }/*쇼핑몰*/
div#menu ul.TM li ul#SM7 { left:450px; }/*벼룩시장*/
div#menu ul.TM li ul#SM8 { left:450px; }/*커뮤니티*/
div#menu ul.TM li ul#SM9 { left:450px; }/*제휴사이트*/
div#menu ul.TM li ul#SM1 .ex {border-right:none;}
div#menu ul.TM li ul#SM2 .ex {border-right:none;}
div#menu ul.TM li ul#SM3 .ex {border-right:none;}
div#menu ul.TM li ul#SM4 .ex {border-right:none;}
div#menu ul.TM li ul#SM5 .ex {border-right:none;}
div#menu ul.TM li ul#SM6 .ex {border-right:none;}
div#menu ul.TM li ul#SM7 .ex {border-right:none;}
div#menu ul.TM li ul#SM8 .ex {border-right:none;}
div#menu ul.TM li ul#SM9 .ex {border-right:none;}
-
맑은가람
border-right:0; 으로 하셔도 됩니다.
-
심플포텐
아쉬운데로 이렇게라도...
div#menu ul.TM li ul#SM1 .ex, div#menu ul.TM li ul#SM2 .ex, div#menu ul.TM li ul#SM3 .ex, div#menu ul.TM li ul#SM4 .ex, div#menu ul.TM li ul#SM5 .ex, div#menu ul.TM li ul#SM6 .ex, div#menu ul.TM li ul#SM7 .ex, div#menu ul.TM li ul#SM8 .ex -
보미
황장수다님에 되는게 아니라면 border-right:none;를 클래스화 시켜서 해당 필요한 부분에 클래스로 추가하면 될것 같습니다.
-
빵돌
서브메뉴에 들어가는 코드인데요 음...
그 윗단에 또 다른게 있어서 음 그렇게는 안되드라구요...ㅠㅠ
저렇게 개별로 해야지만 되서 으흐... -
꿈
div#menu ul.TM li ul .ex {border-right:none;} 이렇게 하면 안되는 이유가 있나요.?