하위 요소 필터 선택기는 무엇입니까?

일반적으로 사용되는 하위 요소 필터링 선택기에는 ":first-child", ":last-child", ":only-child", ":nth-child(n)", ":nth-last-child(n)가 있습니다. )", ":first-of-type", ":last-of-type", ":only-of-type", ":nth-of-type(n)" 및 ":nth-last-of - type(n)" 10가지 유형.

이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.

CSS에서는 하위 요소 필터 선택기를 사용하여 필터링하는 동안 요소의 하위 요소를 선택할 수 있습니다. 다음은 일반적으로 사용되는 하위 요소 필터 선택기입니다.

1. : 첫 번째 하위: 지정된 요소의 첫 번째 하위 요소를 선택합니다.

2. :last-child: 지정된 요소의 마지막 하위 요소를 선택합니다.

3. :only-child: 지정된 요소의 유일한 하위 요소를 선택합니다.

4. :nth-child(n): 지정된 요소의 n번째 하위 요소를 선택합니다. 여기서 n은 숫자, 표현식 또는 키워드일 수 있습니다. 예를 들어 nth-child(2n)는 짝수 위치에서 하위 요소를 선택한다는 의미이고, :nth-child(odd)는 홀수 위치에서 하위 요소를 선택한다는 의미입니다. -번호가 매겨진 위치.

5. :nth-last-child(n): 위의 :nth-child()와 유사하지만 뒤에서 앞으로 선택합니다.

6. :first-of-type: 지정된 요소 유형의 첫 번째 하위 요소를 선택합니다.

7. :last-of-type: 지정된 요소 유형의 마지막 하위 요소를 선택합니다.

8. :only-of-type: 지정된 요소 유형의 유일한 하위 요소를 선택합니다.

9. :nth-of-type(n): 지정된 요소 유형의 n번째 하위 요소를 선택합니다.

10. :nth-last-of-type(n): 위의 :nth-of-type()과 유사하지만 뒤에서 앞으로 선택됩니다.

이러한 하위 요소 필터 선택기는 단독으로 또는 조합하여 사용하여 필요한 하위 요소를 보다 정확하게 선택할 수 있습니다.

위 내용은 하위 요소 필터 선택기는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!