html - 匹配未知的自定义数据属性？

Question

有没有办法匹配具有未知自定义数据属性的元素？ 未知是指元素可能如下所示:

<div data-unknown="foo"></div>

或

<td data-someOtherCustomDataAttribute="bar"></td>

我想匹配所有具有 data-* 属性的元素。也就是说，div 和 td 标签都应该匹配。 我知道如何匹配值，但不知道如何匹配属性本身。

有什么线索吗？

Answer 1

有一类特殊的选择器。它们被称为“attribute selectors” 在previous answer有人提出了类似的解决方案，但它需要一个值，而我的 - 不需要 :)

应该是这样的:

[data-unknown]{
    color: red;
}

基本上 - 您重复整个属性，无论是 data-unknown 还是 data-anything_you_want。

可以在这里看到它的一个实例:http://jsfiddle.net/skip405/2vhBj/