css - 我可以选择具有类(任何类)的元素吗

Question

是否有一个选择器可以选择具有不同于 :not([class]) 的任何类的元素？

我正在使用 Adobe DTM定义将在 Adob​​e Analytics 中触发特定请求的规则和事件。每当用户单击标签中具有 data-analytics-linkname 属性的元素时，我的规则就会被激活，例如以下元素将触发规则:

<a href="www.google.com" target="_self" class="btn btn-default" data-analytics-linkname="visit_Google">Visit Google</a>

<a href="www.google.com" target="_self" data-analytics-linkname="visit_Google">Visit Google</a>

我知道 :has()伪类选择器，但它似乎与任何浏览器都不兼容。

只有与已定义类 (btn) 的链接才能触发该类。但是，我真的不想在我的规则中指定类 btn，因为我想尽可能灵活地使用它们，而且我不想在开发人员每次创建新 Assets 时都创建一个.

Answer 1

您可以使用属性呈现选择器[...] 选择具有特定属性的所有元素。如果您指定 a[class]，则所有 a 元素都 class 属性将被选中。

a[class] {
  color: red;
}

<a class="btn">Button 1</a>
<a class="btn2">Button 2</a>
<a>Button 3</a>