css - 有没有办法针对 css 中的所有类？

Question

是否可以编写 css 规则来选择和样式化所有具有非空类属性的元素？

假设我有 2 个不同的段落或不同类别的标题。例如，h1 的类别为“id1”，h2 的类别为“id2”。 我如何为它们设置样式？

谢谢。

Answer 1

你可以使用:

 .id1, .id2{
    //your css here
  }

或者，如果您指的是所有具有 class 属性的元素，那么您可以使用:

 *[class]{
    //your css
 }

但上面的代码也选择了一个空的 class 元素，例如:

<h1 class></h1>

或

<h1 class=""></h1>

要排除此类异常，您可以将选择器修改为:

*[class]:not([class=""])