可以添加<data-*>價值觀喜歡類？

Question

有沒有辦法以類形式編寫數據屬性？ 我的意思是這樣的：

<div data-el="asset assets.asset">Some div</div>

我想像選擇器中的類一樣使用它，我需要找到這個元素為“[data-el='asset']”和“[data-el='assets.asset']”。

也許有類似的方法可以做到這一點。 感謝您的建議！

Answer 1

看看可用的屬性選擇器：

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

你要使用的是這個：

[data-el~="assets.asset"]

這會發現“assets.asset”是一個帶有空格分隔的單詞。 我有時會使用這種選擇，而且效果很好。