html - CSS:调用具有相同属性的任何元素

Question

有没有办法调用具有相同属性的网站上的任何元素？
例如，如果我有以下元素:

<h1 example="true">Test</h1>
<p example="true">Test 2</p>

我可以一起打电话吗？所以不使用以下 -

h1[example="true"]{
    color: red;
}
p[example="true"]{
    color: red;
}

或者

h1[example="true"], p[example="true"]{
    color: red;
}

我只需要一种方法来调用该属性为真的每个元素。

Answer 1

您可以直接通过指定 来完成。 CSS [属性] 选择器 前面没有任何标签名，如下所示 -

[example="true"]{
  color:red;
}

<h1 example="true">Test</h1>
<p example="true">Test 2</p>

所以，在上面的例子中，每个元素都有 example属性设置为 true将由 CSS 选择器选择，并且 CSS 样式将应用于所有这些。
我们可以使用属性选择器，如 a[attr=value]或 h[attr=value] .考虑上面的代码就像 - *[attr=value]它选择具有该属性的所有元素。