CSS 속성 nth-child(n) 일치를 사용하여 n번째 하위 요소를 선택하는 방법

이 글에서는 CSS 속성 nth-child(n)을 사용하여 n번째 자식 요소를 일치시키고 선택하는 방법을 주로 소개합니다. 이제 필요한 친구들이 참고할 수 있도록 공유하겠습니다. n번째 하위 요소 선택 하위 요소는 요소 유형에 관계없이 상위 요소에 속한 N번째 하위 요소와 일치하는 :nth-child(n) 선택기를 사용할 수 있습니다.

추가하여 두 번째 계정을 만듭니다. 테이블 전체 너비의 50%

<style type = "text/css"> 
table tr th:nth-child(2) 
</style> 
<table> 
<tr> 
<th>第一个</th> 
<th>第二个</th> 
<th>第三个</th> 
</tr> 
</table>

정의:

:nth-child(n) 선택기는 N번째(여기서는 두 번째 선택) 하위 요소(여기서는 두 번째) 하위 요소(여기서, 하위 요소는 요소 유형에 관계없이 상위 요소(여기서는 tr)에 속하는 th)입니다.

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

관련 권장 사항:

CSS에서 table-cell 속성을 사용하는 방법에 대해

CSS의 포인터 이벤트 속성을 사용하여 마우스 침투 효과를 얻는 방법

위 내용은 CSS 속성 nth-child(n) 일치를 사용하여 n번째 하위 요소를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!