집 >웹 프론트엔드 >CSS 튜토리얼 >CSS가 특정 문자열로 시작하는 클래스 이름을 가진 요소를 선택할 수 있습니까?

CSS가 특정 문자열로 시작하는 클래스 이름을 가진 요소를 선택할 수 있습니까?

Can CSS Select Elements with Class Names Starting with a Specific String?

CSS가 특정 문자열로 시작하는 클래스 이름과 요소를 일치시킬 수 있나요

질문:

CSS에서 "와일드카드"를 사용하여 특정 클래스 이름으로 시작하는 클래스 이름을 가진 요소를 선택하는 방법이 있습니까? 문자열?

답변:

예, 다음 CSS 선택기를 사용하여 클래스 이름이 특정 문자열로 시작하는 모든 요소를 일치시킬 수 있습니다.

예:

모든

클래스 이름이 "myclass"로 시작하는 요소:

div[class^='myclass'"], div[class*=' myclass'] {
    color: #f00;
}

제공된 HTML 코드에서:

<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>

제공된 선택기는 세 개의

요소의 텍스트 색상은 빨간색으로 설정되어 있습니다.

위 내용은 CSS가 특정 문자열로 시작하는 클래스 이름을 가진 요소를 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：