满足三个类名都有才加样式是怎么写的

如果你想要在CSS中编写一个规则，使得只有当一个元素同时拥有三个特定类名时才应用某些样式，你可以使用逗号（`,`）来分隔这三个类名，并使用`all`伪类，如下所示：

.class1, .class2, .class3 {
  /* 这里是你想要应用的样式 */
  color: blue;
  background-color: lightblue;
}

/* 只有当一个元素同时拥有.class1, .class2, 和 .class3时，这些样式才会生效 */
[class*='class1'], [class*='class2'], [class*='class3'] {
  &.all-the-classes {
    /* 如果元素同时具备这三个类，这里会显示样式 */
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
  }
}

这个规则的意思是，只要元素有一个包含`class1`、`class2`或`class3`的类（使用了`[class*='class1']`这样的语法），并且该元素还有额外的一个`all-the-classes`类，那么指定的阴影效果就会添加到元素上。