요소 형의 자손의 선택은 작동선택의 후손
.my-class1 * .my-class2 {...}
, 즉 나는 "클래스 자손"선택 폼에 의해 몇 가지 요소가 선택 되길 기대하지만, 아무 것도 없습니다.
내 페이지에는 두 가지 매우 유사한 DOM 하위 구조가 있으며 다른 스타일링이 필요한 제 3 자 코드에 의해 생성되며 CSS가 제 3 자 DOM 구조에 의존하는 것을 원하지 않습니다.
DOM의 두 부분을 스타일링하는 가장 좋은 방법은 무엇입니까?
.my-class1 > .my-class2을 사용하여 자손을 지정할 수 있습니다.
의 자손 인 .my-class2에 대해 .my-class1 .my-class2을 사용할 수 있습니다.
잔인한! 'form * div'는'form div'의 긴 버전입니다. 또는 클래스/ID에만 적용됩니까? –
이것은 기본 CSS입니다. 와일드 카드 선택자'*'를 사용하지 말아야한다. 왜냐하면이'form * div' 또는이'form div'는 똑같이 수행한다. – dippas
'*'는 * 어떤 엘리먼트 *를 의미한다. 그래서 당신이 참조하고있는 특정 라인은'my -class2'는 다른 요소 아래에 있으며 그 요소는'my-class1 '에 있습니다. '*'를 사용하는 것이 약간 냄새 나는 것이라고 나는 @dippas에 동의한다. – Chris
'.my-class1 * .my-class2'가 작동해서는 안되는 이유는 없습니다. 두 선택기가 모두 똑같이 유효 할 것으로 예상됩니다. 문제는 다른 곳에있다. – BoltClock