基於通配符的屬性名稱CSS 選擇器
基於CSS 中的「data-*」屬性選擇元素可以透過各種方式實作方法。然而,關於定位具有任何「資料」屬性的元素(無論其具體名稱為何),會出現一個常見問題。
目前限制:
不幸的是,目前沒有 CSS 選擇器可用,可以定位屬性名稱與任何通配符相符的元素。可用語法側重於定位屬性值,而不是名稱本身。
屬性名稱定位:
在 CSS中定位屬性名稱的唯一方法是透過語法:
E[foo]
此選擇器將選擇所有具有「foo」屬性的元素,無論其屬性為何
通配符替代方案:
儘管缺少通配符屬性名稱選擇器,[email protected]郵件列表中最近的一個線程提出了一種潛在的語法:
x-admin-* { ... } [data-my-*] { ... }
這個提議的語法已經獲得了一些接受,並且可能成為未來的標準。但是,目前它仍然不受支持,並且不是使用通配符定位屬性名稱的可行解決方案。
以上是CSS 選擇器可以使用通配符屬性名稱來定位元素嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!