CSS 선택기를 사용하여 중첩된 정렬 가능 목록에서 직계 하위 항목만 대상으로 지정하는 방법은 무엇입니까?

CSS 선택기로 직계 하위 항목 타겟팅

중첩된 정렬 가능 목록에서 직계 하위 항목만 타겟팅하는 것은 어려울 수 있습니다. "ul > li" 및 "#parent > li"와 같은 CSS 선택기가 적합해 보일 수도 있지만 모든 하위 항목도 선택하므로 번호 매기기가 잘못될 수 있습니다.

이 문제를 해결하려면 "ul > ;li" 선택자는

요소. 그러나 이 선택기는 IE6에서 지원되지 않으므로 이전 버전과의 호환성을 위해 호환되지 않습니다.

해결 방법으로 모든 하위 항목을 반환하는 MooTools에서 제공하는 "getElements()" 메서드를 활용할 수 있습니다. 직계 자식만 얻으려면 "getChildren()"을 대신 사용하세요.

CSS 선택기를 "ul > li"로 조정하고 MooTools 코드에서 "getElements()"를 "getChildren()"으로 바꾸면 됩니다. , 정렬된 목록의 직계 하위 항목만 대상으로 지정되고 위치가 올바르게 재설정되는지 확인할 수 있습니다.

위 내용은 CSS 선택기를 사용하여 중첩된 정렬 가능 목록에서 직계 하위 항목만 대상으로 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!