ul li 상속
by풀잎
질문 대답이 있을 줄 알았는데 없는거 보니..제가 기초적인 질문을 하나봐요..
가로 메뉴바 만드는데
dlv id=menu
ul
li a href=어쩌구/a
ul
lia href=어쩌구/a/li
/ul
/li
lia href=어쩌구/a
ul
lia href=어쩌구/a/li
/ul
/li
/ul
/div
에서
#menu ul li a 와 #menu ul li ul li a 에 다른 css를 주고 싶은데
#menu ul li a의 내용이 #menu ul li ul li a에도 상속이 되네요.
어떻게#menu ul li ul li a에 다른 css를 줄 수 있나요?
너무 기초적인 질문해서 죄송합니다...
-
나라찬
휴.. 끝냈어요... 리스트.....가볍게 봤는데 힘들군요..
-
영동교
class를 주는건 어떠신지요? 먼저 나오는 a 태그 또는 li 에 class명을 준후 스타일을 지정하고
그뒤에 나오는 ul li a 태그는 수다님께서 주신 것처럼 주셔도 적용이 될거 같습니다. -
가루
안쪽의 ul에도 클래스를 주시고 좀더 간결하게 작성할 수도 있습니다.
#menu ul.list1 li a {}
#menu ul.list2 li a {} -
물고기자리
일단 첫번째 ul에 클래스를 따로 주고,
IE6에서는 작동하지 않지만 Child selectors를 사용하시면 가능합니다.
#menu ul.list1 li a { }
#menu ul.list1 li ul li a { }
이렇게 따로 스타일을 주시면 됩니다. -
핫와인
아.. 해볼께요.. 감사합니다.^^
-
호빵녀
상속 때문에 고민중이었는데 이런 방법도 있었네요. 감사합니다. ^^
-
낶아
상속 관계를 어쩔수가 없습니다.
상속된 스타일을 초기화 시켜주는 수밖에는...
아니면 일일히 다 클래스를 주고 선언해버리는경우가 있긴하지만 이경우 css가 지저분해지지요.
#menu ul li a{width:600px; float:left;}
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active{color:#ff0000;}
#menu ul li a:hover{color:#000;}
#men