CSS 고급선택자

CSS 고급선택자

자식선택자(child seletor)

자식 엘리먼트가 있을 경우 바로밑에 속한 자식엘리먼트가 선택되는 경우이다.

아래와 같은 경우 바같이라는 글자만 굵게 표시된다

#nav > li {font-weight:bold;}

바깥
바깥

안
안
안
안
안


바깥
바깥

아래와 같이 표현된다

• 바깥
• 바깥
  • 안
  안
  • 안
  안
  • 안
• 바깥
• 바깥

하지만 빌어먹을 IE6이하에서는 먹혀들지않는다 전채선택자로 유사하게 흉내낼수 있다

#nav li{font-weight:bold;}
#nav li *{font-weight:nomal;}