2012-02-28 2 views
24

가능한 중복 :
What does “>” mean in CSS rules?CSS에서 ">"의 의미는 무엇입니까?

> 기호는 CSS에서 무엇을 의미합니까? 나는 Wordpress 블로그 주제에서 그것을 알아 차리고 그것이 무엇을하는지 알고 싶다.

#access li:hover > a, 
#access ul ul :hover > a, 
#access a:focus { 
    background: #efefef; 
} 
#access li:hover > a, 
#access a:focus { 
    background: #f9f9f9; /* Show a solid color for older browsers */ 
    background: -moz-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -o-linear-gradient(#f9f9f9, #e5e5e5); 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ 
    background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); 
    color: #373737; 
} 
#access ul li:hover > ul { 
    display: block; 
} 

답변

40

만 "처음 중첩"요소는 다음

#a div{ 
background: red; 
} 

모두 # 작성하는 경우 예를

<div id="a"> 
     <div id="b"> 
     <div id="c"> 
     </div> 
     </div> 
    </div> 

를 들어, ("아이"요소)를 대상으로된다는 것을 의미합니다 b와 #c는 빨간색이지만,> like를 사용하는 경우

#a > div{ 
background: red; 
} 

그러면 #b 만 빨간색이되고 #c는 빨간색이됩니다.

+0

당신의 대답은'id = d'가'div = '에'div ='를 추가하여 모든 시각적으로 * 모든'child' 엘리먼트가 선택된다는 것을 보여 주면 더욱 도움이 될 것이라고 생각합니다. :) –

12

이것은 자식 선택 자 (자식 조합 자라고도 함)입니다. 선택기에 대한 자세한 내용은 W3C (World Wide Web Consortium) 웹 사이트 (CSS2 entry on the child selector 을 읽거나 CSS3 entry on the child selector으로 직접 건너 뛸 수 있음)에서 확인할 수 있습니다.

그냥 단어 "아이"와 "후손"영어로 무슨 뜻인지 생각 :

  • 내 딸이

    또한

    , 여기에 SO에 대한 CSS Child vs Descendant selectors 질문을 서로 큰 따옴표입니다 내 자녀와 내 자녀 모두

  • 내 손녀는 내 자녀가 아니지만 그녀는 내 자손입니다.

+0

CSS2 선택기 사양은 현재 CSS3 사양으로 대체되었으므로 권장 사항 (매우 멋진 URL 포함) : http://www.w3.org/TR/selectors – BoltClock

+0

@BoltClock 좋은 지적입니다. –

3

li > a은 li의 하위 요소입니다. 선택자에 대해서는 W3C CSS page을 참조하십시오.

관련 문제