CSS에서 "보다 크다" 또는 ">" 문자는 어떻게 사용됩니까?

CSS에서 "보다 크다" 또는 ">" 문자는 어떻게 사용됩니까?

CSS 파일에서 이 캐릭터를 여러 번 보았지만 어떻게 쓰이는지는 모르겠습니다.누가 나에게 설명해주고 페이지 스타일을 쉽게 만드는 데 얼마나 유용한지 보여줄 수 있나요?

CSS 차일드 셀렉터입니다.P > SPAN다음 스타일을 a의 자식인 모든 SPAN 태그에 적용하는 것을 의미합니다.P꼬리표를 매다

"child"는 단지 어떤 후손이 아니라 "즉각 후손"을 의미한다는 점에 유의하십시오.P SPAN는 모두에게 이어지는 스타일을 적용하는 후행 선택기입니다.SPANa의 자식인 태그P태그 또는 재귀적으로 하위/중요 태그의 하위/하위 태그P꼬리표를 매다P > SPAN에만 적용됩니다.SPANa의 자식인 태그P꼬리표를 매다

p em

어떤 것과도 일치할 것입니다.<em>그것은 a안에 있습니다.<p>. 예를 들어, 다음과 일치할 것입니다.<em>s:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

반면에.

p > em

일치하는 항목만<em>s의 직계 자녀인<p>. 따라서 다음과 일치합니다.

<p>Text <em>foo</em> bar</p>

하지만 그렇지 않습니다.

<p><strong><em>foo</em></strong></p>

이를 차일드 컴비네이터(Child Combinator)라고 합니다.

지정된 다른 요소 내에 포함된 요소의 내용을 스타일 지정할 수 있도록 하위 콤비네이터 선택기가 추가되었습니다.예를 들어, 어두운 배경을 가지고 있기 때문에 특정 클래스에 대한 div 태그 내부의 하이퍼링크 색상을 흰색으로 설정하려고 합니다.이는 다음과 같이 div를 클래스 리소스와 결합하는 주기와 a와 쌍을 결합하는 결합기로서의 greater-than sign을 사용하여 달성할 수 있습니다.

div.resources > a{color: white;}

(http://www.xml.com/pub/a/2003/06/18/css3-selectors.html) 에서)

E > F

E 요소의 자식인 모든 F 요소와 일치합니다.

http://www.w3.org/TR/CSS21/selector.html#child-selectors 에서 자세히 보기

자식 조합기(>)는 두 개의 CSS 선택기 사이에 배치됩니다.두 번째 선택기에서 일치하는 요소와 첫 번째 선택기에서 일치하는 요소의 직접 자식 요소만 일치합니다.

하위 조합자 추가 정보

언급URL : https://stackoverflow.com/questions/746525/how-is-the-greater-than-or-character-used-in-css