부모> 자식 CSS 선택기

Question

이 CSS 선택기 부모> 자식을 자주 사용합니다. 내 디자인은 모질라와 오페라에서 좋아 보인다.

그러나 즉, 그것은 짜증납니다. 알아요 > IE에서는 인식 할 수 없지만 IE의 대안은 무엇입니까?

Answer 1

IE6의 직접 아동 선택기에 대한 대안은 없습니다 (IE7에서는 작동해야합니다).

대신 자손 선택기 (공간)를 사용하고 수업을 디자인하여 보상해야합니다.

Answer 2

한 가지 대안은 범용 선택기를 사용하여 노드가 직접 어린이가 아닌 경우보다 구체적인 규칙을 작성하는 것입니다.

div p {color: red;}     // Takes effect if there's a <p> child at some level
div * p {color: black;} // .. but this'll be true if it's not a direct child

그러나 특이성 충돌을 조심해야합니다. div * p 예를 들어 일반적으로 단락에서 작동하는 다른 규칙보다 더 구체적입니다.