如何在css中有条件地应用样式

如何将相同的样式应用于在magento2的每个页面主体上显示唯一的两个不同父类。就像我在scss文件中需要的一样，它有很深的嵌套结构，但每个页面只有它的上一个父元素。例如，我想要这个

    class1 or class 2{
         class3{
             class5{

              }
         }
         class4{
         }
    }
enter code here

我想知道，如果它的class1或class2是html格式的，这个样式应该适用。谢谢

用逗号分隔定义根类

.class1, .class2 {
   /* other selectors here */
}

所以SASS将把这段代码编译成

.class1 {
   /* other selectors here */
}

.class2 {
   /* other selectors here */
}

---

无论如何，值得注意的是，使用多个类作为作用域的祖先将在输出中创建冗余的CSS代码，尝试找到一个选择器可能会很有用（如果可能，例如，magento可能只允许为两个页面放置特定类？

您可以这样做

.class1, .class2 {

         .class3 {
               /*your style */
              .class5 {
                  /*your style */
              }
         }

         class4 {
            /*your style */
         }
    }

只有三个父类

.class1或.class2

才适用于

class3、class5和class4