질문/조언질답게시판

css 질문 입니다.

#navi > ul > li.active > a, #navi > ul > li > a:active { background: #BFBAB5; color:#333;}


CSS 보면 이런게 보이던데... 저기 ">" 이 표시가 뭘 의미하는 것인가요?

  • profile
    css의 > 꺽쇠의 의미는 자식선택자(child selector)를 의미합니다.

    navi의 id를 가지는 선택자의 첫번째 자식 ul에만 해당되는...

    만약 #navi ul 이렇게 되어 있다면
    navi의 id를 가지는 선택자의 ul을 가지는 모든 자식들이 해당됩니다.

    자식이라고 적으니 좀 이상하게 욕같은 느낌이 --;
  • profile ?
    답변 감사합니다.
    그런데 > 꺽쇠 가 없어도 상관 없지 않나요?
    없어도...그 하위에 해당하는 선택자라는 의미 아닌가요?

    #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;}
    이렇게 써도, 의미가 같은 것 아닌지요?
  • ? profile
    하위에 해당하는 선택자라는 의미는 맞습니다.
    만약 하위에 ul이 한개만 있다면 동일합니다.
    하지만 여러개의 ul이 있다면 모두다 적용되겠죠.
  • profile ?
    아, 그렇군요. 답변 정말 감사합니다. 꾸벅~