首頁 > web前端 > css教學 > CSS 選擇器可以使用通配符屬性名稱來定位元素嗎?

CSS 選擇器可以使用通配符屬性名稱來定位元素嗎?

Linda Hamilton
發布: 2024-11-28 00:37:11
原創
264 人瀏覽過

Can CSS Selectors Target Elements with Wildcard Attribute Names?

基於通配符的屬性名稱CSS 選擇器

基於CSS 中的「data-*」屬性選擇元素可以透過各種方式實作方法。然而,關於定位具有任何「資料」屬性的元素(無論其具體名稱為何),會出現一個常見問題。

目前限制:

不幸的是,目前沒有 CSS 選擇器可用,可以定位屬性名稱與任何通配符相符的元素。可用語法側重於定位屬性值,而不是名稱本身。

屬性名稱定位:

在 CSS中定位屬性名稱的唯一方法是透過語法:

E[foo]
登入後複製

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

通配符替代方案:

儘管缺少通配符屬性名稱選擇器,[email protected]郵件列表中最近的一個線程提出了一種潛在的語法:

x-admin-* { ... }
[data-my-*] { ... }
登入後複製

這個提議的語法已經獲得了一些接受,並且可能成為未來的標準。但是,目前它仍然不受支持,並且不是使用通配符定位屬性名稱的可行解決方案。

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

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