#navi > ul > li.active > a, #navi > ul > li > a:active { background: #BFBAB5; color:#333;}
CSS 보면 이런게 보이던데... 저기 ">" 이 표시가 뭘 의미하는 것인가요?
-
?
답변 감사합니다.
그런데 > 꺽쇠 가 없어도 상관 없지 않나요?
없어도...그 하위에 해당하는 선택자라는 의미 아닌가요?
#navi > ul > li.active > a, #navi > ul > li > a:active { background: #BFBAB5; color:#333;}
이걸 그냥
#navi ul li.active a, #navi ul li a:active { background: #BFBAB5; color:#333;}
이렇게 써도, 의미가 같은 것 아닌지요? -
?
하위에 해당하는 선택자라는 의미는 맞습니다.
만약 하위에 ul이 한개만 있다면 동일합니다.
하지만 여러개의 ul이 있다면 모두다 적용되겠죠. -
?
아, 그렇군요. 답변 정말 감사합니다. 꾸벅~
navi의 id를 가지는 선택자의 첫번째 자식 ul에만 해당되는...
만약 #navi ul 이렇게 되어 있다면
navi의 id를 가지는 선택자의 ul을 가지는 모든 자식들이 해당됩니다.
자식이라고 적으니 좀 이상하게 욕같은 느낌이 --;