CSS의 첫 번째 요소를 선택하는 방법

CSS에서 첫 번째 요소를 선택하는 방법: 1. [first-child]는 선택 목록의 첫 번째 태그를 의미합니다. 2. [last-child]는 선택 목록의 마지막 태그를 의미합니다. (3)] ​​​​선택 목록의 세 번째 라벨을 나타냅니다.

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.

CSS에서 첫 번째 요소를 선택하는 방법:

1. first-child

first-child는 선택 목록의 첫 번째 태그를 의미합니다. 코드는 다음과 같습니다.

li:first-child{background:#090}

위는 li 목록의 첫 번째 li 모듈의 배경색을 의미합니다.

2, last-child

last-child는 선택 목록의 마지막 레이블을 나타내며 코드는 다음과 같습니다.

li:last-child{background:#090}

3, nth-child(3)

는 선택 목록의 세 번째 레이블을 나타냅니다. 코드는 다음과 같습니다:

li:nth-child(3){background:#090}

위 코드의 3은 4, 5 등 다른 숫자로 변경될 수도 있습니다. 라벨을 선택하려면 번호를 입력하세요.

4, nth-child(2n)

목록에서 짝수 태그를 선택하는 것, 즉 2nd, 4th, 6th... 태그를 선택한다는 뜻입니다.

추천 관련 튜토리얼: CSS 비디오 튜토리얼

위 내용은 CSS의 첫 번째 요소를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!