首頁 > web前端 > css教學 > CSS 選擇器可以使用任何「data」屬性來定位元素嗎?

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

Susan Sarandon
發布: 2024-11-23 09:23:20
原創
868 人瀏覽過

Can CSS Selectors Target Elements with Any

屬性名稱的通配符選擇器

問題:

問題:

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

答案:
E[foo]
登入後複製

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

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

擴充討論:
x-admin-* { ... }
[data-my-*] { ... }
登入後複製

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

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

  • 附加說明:
W3C 選擇器層級 3 規格不包含屬性通配符名稱。 嘗試為屬性名稱建立通配符選擇器(例如 [data-*] 或 [data-^])將無法運作。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板