2014-01-12 3 views
0

나는 사이의 차이가있는 궁금 해서요 :selector> selector와 selector selector 사이에 다른 점은 무엇입니까?

.myClass/DomElement .myotherclassinsidethatelement 

.myClass/DomElement > .myotherclassinsidethatelement 

둘 다 내 .myClass/DomElement 내부의 myotherclassinsidethatelement 클래스 요소를 선택하거나 내가 뭔가를 놓친?

+1

> 페이지의 모든 요소가 아닌 요소의 바로 하위 항목을 선택합니다. – tilda

답변

5

.myClass/DomElement > .myotherclassinsidethatelement은 상위 클래스의 직접 하위 항목 만 선택합니다. 그래서

:이 경우

<div class='myClass'> 
    <div class='someOther'> 
     <div class='myotherclassinsidethatelement'></div> 
    </div> 
</div> 

> 버전을 선택하지 않습니다.

는 여기를 참조하십시오 : http://jsfiddle.net/RRv7u/1/

1

UPDATE

내가 준 이전의 대답은 잘못되었습니다. 나는 상속과 둥지가 똑같은 인상을 받았다. 그러나 그렇지 않다.

다음

http://www.htmldog.com/guides/css/intermediate/grouping/

다른 설명 어떤 특이성이다 : 다른 사람이이 느낌이 있다면, 여기 중첩가 무엇인지 설명하는 자원

http://www.htmldog.com/guides/css/intermediate/specificity/

그리고 여기에 최종 링크 설명 특이성입니다 및 상속 :

http://coding.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/

이전 대답은 :

CSS의 각도 브래킷은 상속을 의미한다. 당신이

.class1 > .class2 { styles } 

을 말할 때 그래서 당신은 당신이 Class2의 신청하려고하고있는 스타일 는 Class2의이 클래스 1의 아이가있을 때 적용 할 예정 것을 말하는 것입니다.

+1

상속을 나타내지는 않습니다. 두 요소 간의 상위 - 하위 관계를 나타냅니다. 상속은 완전히 다른 개념이며'.class1 .class2'와'.class1> .class2' 모두에 적용될 수 있습니다. – BoltClock

+0

@BoltClock 지적 해 주셔서 감사합니다. 나는 그들이 똑같은 줄 알았다. – Jerreck