CSS3의 ':first-of-type' 선택기가 특정 클래스의 첫 번째 인스턴스를 타겟팅할 수 있나요?

CSS3 :first-of-type 선택기가 특정 클래스 이름을 대상으로 할 수 있습니까?

CSS3 :first-of-type 선택기는 선택할 수 있습니다. 특정 유형(예: div, p)의 첫 번째 요소인 경우 클래스 이름이 처음 나타나는 대상을 지정하기 위해 독립적으로 사용할 수 없습니다. 이는 :first-of-type과 함께 클래스 선택기(또는 유형 선택기)를 사용한다는 것은 다음과 같은 요소를 선택한다는 것을 의미하기 때문입니다.

• 지정된 클래스(또는 유형)가 있는
• 형제 중 해당 유형의 첫 번째 요소

그러나 CSS에는 독점적으로 사용되는 고유한 :first-of-class 선택기가 없습니다. 클래스의 첫 번째 인스턴스를 선택합니다.

해결 방법

이 기능을 구현하려면 다음 해결 방법을 사용할 수 있습니다.

.myclass1 { color: red; }
.myclass1 ~ .myclass1 { color: /* default or inherited from parent */; }

이 해결 방법은 다음을 활용합니다. 첫 번째 항목을 제외하고 .myclass1의 모든 항목에 스타일을 지정하는 인접한 형제 연결자(~)입니다. 첫 번째 .myclass1은 상위 div에서 색상을 상속합니다(또는 기본값은 브라우저 기본값).

이 해결 방법에 대한 추가 정보 및 시각적 설명은 다음을 참조하세요.

• [W3Schools : 하위 및 형제 사용 선택기](https://www.w3schools.com/css/sel_combinators.asp)
• [CSS 요령: 첫 번째 형제 스타일링](https://css-tricks.com/styling-first-sibling /)

위 내용은 CSS3의 ':first-of-type' 선택기가 특정 클래스의 첫 번째 인스턴스를 타겟팅할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!