能否使用CSS为所有h1元素添加指定class类名？

不行，CSS没办法直接给HTML元素添加class属性——CSS的核心作用是控制元素的样式渲染，没法修改DOM的属性（包括class这类HTML属性），所以不存在你说的class:这种CSS声明。

不过有几种替代方式可以达到类似效果：

• 直接修改CSS选择器，把.text的样式直接应用到所有h1：

  h1 {
    color: white;
  }
  

• 如果想保留.text类的复用性，可以把选择器合并，让h1和拥有.text类的元素共享样式：

  .text, h1 {
    color: white;
  }
  

• 要是你必须让h1元素都带上text这个class，只能用JavaScript来实现：

  document.querySelectorAll('h1').forEach(el => el.classList.add('text'));
  

• 最直接的方式还是直接修改HTML代码，给每个h1加上class="text"：

  <h1 class="text">Here is some filler code</h1>
  <h1 class="text">Here is some more filler code</h1>
  

内容的提问来源于stack exchange，提问作者Ethan Flanders