如何在CSS中为已有.flavor类选择器添加dessert类选择器？

要让.dessert类和.flavor类共享同一组样式，只需在原CSS规则中用逗号分隔添加新的类选择器即可，修改后的代码如下：

.flavor, .dessert {
  text-align: left; 
  width: 75%;
}

说明 #

这种写法表示：所有带有.flavor类或.dessert类的HTML元素，都会应用text-align: left和width: 75%的样式。如果需要仅对同时拥有两个类的元素（比如<div class="flavor dessert">）应用样式，则不需要逗号，直接写成无空格连接的复合选择器：

.flavor.dessert {
  text-align: left; 
  width: 75%;
}

根据你的需求，第一种逗号分隔的写法是最常用的实现方式。

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