css - 任何用于检查属性名称是否以值开头的选择器？

Question

我知道如果属性存在你可以选择元素

[data-value] { /* rules */ }

或者它的值以某个 val 开头

[data-value^="foo"] { /* rules */ }

但是，我可以检查是否有任何元素包含前缀属性吗？

[^data-] { /* something like it? /*}

当我试图查询具有前缀 aria atrittube 的页面的所有属性时，出现了这个问题。例如。 aria-hidden, aria-live...

Answer 1

不幸的是，仅使用 CSS 选择器无法完成您想要的操作，您必须指定要包含的每个属性。例如:

[aria-hidden], [aria-live]
{
}

但是可以使用 javascript 做一些事情，所以如果它适合您，您可能需要研究一下。