CSS 選擇器可以使用任何「data」屬性來定位元素嗎？

屬性名稱的通配符選擇器

問題：

問題：

有沒有辦法使用CSS具有任何「資料」屬性的目標元素的選擇器，無論其具體情況如何name?

答案：

E[foo]

目前，CSS 中沒有針對屬性名稱的內建通配符選擇器。但是，有一種方法可以選擇具有特定屬性名稱的元素：

此選擇器選擇具有「foo」屬性的元素，無論其值為何。

擴充討論：

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

雖然透過各種運算子（例如 *= 和 ^=）支援屬性值的通配符選擇，但與通配符屬性名稱不同。已經針對這樣的語法提出了建議，包括：

但是，這些尚未標準化，並且需要瀏覽器支援。

• 附加說明：

W3C 選擇器層級 3 規格不包含屬性通配符名稱。 嘗試為屬性名稱建立通配符選擇器（例如 [data-*] 或 [data-^]）將無法運作。

以上是CSS 選擇器可以使用任何「data」屬性來定位元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！