CSS 선택기가 와일드카드 속성 이름을 사용하여 요소를 대상으로 지정할 수 있습니까?

와일드카드 기반 속성 이름용 CSS 선택기

CSS의 "data-*" 속성을 기반으로 요소를 선택하는 방법은 다양한 방법을 통해 수행할 수 있습니다. 행동 양식. 그러나 특정 이름에 관계없이 "데이터" 속성이 있는 대상 요소와 관련하여 일반적인 질문이 발생합니다.

현재 제한 사항:

안타깝게도 현재 CSS 선택기가 없습니다. 와일드카드와 일치하는 속성 이름을 가진 요소를 대상으로 지정할 수 있습니다. 사용 가능한 구문은 이름 자체가 아닌 속성 값을 대상으로 지정하는 데 중점을 둡니다.

속성 이름 대상 지정:

CSS에서 속성 이름을 대상으로 지정하는 유일한 방법은 구문:

E[foo]

이 선택기는 항목에 관계없이 "foo" 속성이 있는 모든 요소를 ​​선택합니다. value.

와일드카드 대안:

와일드카드 속성 이름 선택기가 없음에도 불구하고 [email protected] 메일링 목록의 최근 스레드에서는 다음과 같은 잠재적인 구문을 제안했습니다.

x-admin-* { ... }
[data-my-*] { ... }

이 제안된 구문은 어느 정도 승인을 얻었으며 향후 표준이 될 수 있습니다. 그러나 현재는 지원되지 않으며 와일드카드 문자를 사용하여 속성 이름을 타겟팅하는 실행 가능한 솔루션이 아닙니다.

위 내용은 CSS 선택기가 와일드카드 속성 이름을 사용하여 요소를 대상으로 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!