CSS如何为多个类选择器设置同一样式？新手求助

你的问题出在选择器写法上——你写的是后代选择器，它的作用是选中嵌套在.heading-background元素内部、同时又嵌套在.author-class元素内部的.publish-time元素，这和你要同时选中三个独立类元素的需求完全不匹配。

要通过单个样式规则同时选中这三个类的元素，你需要使用逗号分隔的多选择器语法，每个类选择器单独写，用逗号隔开，写法如下：

.heading-background, .author-class, .publish-time {
  border: 2px solid black;
}

补充说明： #

• 逗号的作用是把多个选择器分组，让同一段样式应用到所有被分组的选择器匹配的元素上
• 确保每个类选择器前面的.没有遗漏，类名和HTML元素上的类名完全一致（CSS类名区分大小写）
• 如果这些元素都是特定标题标签（比如h1/h2等），也可以更精准地限定选择器，避免样式意外应用到其他标签：

  h1.heading-background, h2.author-class, h3.publish-time {
    border: 2px solid black;
  }
  

内容的提问来源于stack exchange，提问作者Talha Saleemi