CSS 선택기가 모든 \'data\' 속성을 가진 요소를 대상으로 지정할 수 있습니까?

속성 이름에 대한 와일드카드 선택기

질문:

CSS를 사용할 수 있는 방법이 있습니까? 특정 항목에 관계없이 "데이터" 속성이 있는 요소를 대상으로 하는 선택기 이름?

답변:

현재 CSS에는 속성 이름을 대상으로 하는 내장 와일드카드 선택기가 없습니다. 그러나 특정 속성 이름을 가진 요소를 선택하는 한 가지 방법이 있습니다.

E[foo]

이 선택기는 값에 관계없이 "foo" 속성이 있는 요소를 선택합니다.

확장된 토론:

속성 값에 대한 와일드카드 선택은 *= 및 ^=와 같은 다양한 연산자를 통해 지원되지만 와일드카드 속성 이름과 동일하지 않습니다. 다음을 포함하여 이러한 구문에 대한 제안이 이루어졌습니다.

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

그러나 이는 아직 표준화되지 않았으며 브라우저 지원에 따라 달라질 수 있습니다.

추가 참고 사항:

• W3C 선택기 레벨 3 사양에는 속성에 대한 와일드카드가 포함되지 않습니다. 이름.
• [data-*] 또는 [data-^] 등 속성 이름에 대한 와일드카드 선택기를 생성하려고 하면 작동하지 않습니다.

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