将CSS规则应用于类内的多个类

我试图用逗号重构这段CSS代码，这样我就不会对每个元素重复相同的规则集。在这里，我希望在切换类

.clear.

时，

.clear

的特定子元素不可见

    .clear select {
        opacity: 0;
        transition: 0.2s;
    }

    .clear input {
        opacity: 0;
        transition: 0.2s;
    }

    .clear p {
        opacity: 0;
        transition: 0.2s;
    }

    .clear .section-content {
        opacity: 0;
        transition: 0.2s;
    }

这是可行的，但看起来效率不高。据我所知，逗号用于将同一组规则应用于多个元素

    .clear select,input,p,.section-content {
        opacity: 0;
        transition: 0.2s;
    }

现在，如果我以这种方式重构，无论在我的

HTML

中是否切换了

.clear

类

，所有元素都将不可见

在一套规则中，正确的方法是什么？

如上所述，您几乎必须多次使用

。清除
，如下所示：

.clear select、.clear input、.clear p、.clear.section内容{
不透明度：0；
过渡：0.2s；
}

遗憾的是，仅使用CSS没有其他方法。
如上所述，您几乎必须多次使用
。清除
，如下所示：

.clear select、.clear input、.clear p、.clear.section内容{
不透明度：0；
过渡：0.2s；
}

遗憾的是，仅使用CSS没有其他方法。
在CSS中，逗号用于定义单个样式块。您需要使用
.clear
选择器在每个目标元素前面加上前缀，以实现所需：

。清除选择，
.明确输入，
.清除p，
.clear.部分内容{
不透明度：0；
过渡：0.2s；
}

如果你想提高你的样式表，你可以考虑使用来代替嵌套，这意味着你可以这样写：
.clear {
  select,
  input,
  p,
  .section-content {
    opacity: 0;
    transition: 0.2s;
  }
}

在CSS中，逗号用于定义单个样式块。您需要使用
.clear
选择器在每个目标元素前面加上前缀，以实现所需：

。清除选择，
.明确输入，
.清除p，
.clear.部分内容{
不透明度：0；
过渡：0.2s；
}

如果你想提高你的样式表，你可以考虑使用来代替嵌套，这意味着你可以这样写：
.clear {
  select,
  input,
  p,
  .section-content {
    opacity: 0;
    transition: 0.2s;
  }
}

您需要在每个选择器前面添加.clear类，因此只有.clear类中的类被设置为：.clear select、.clear input、.clear p、.clear.section content对于重复的问题，这似乎是一个相当奇怪的选择。。。这是一个与相关问题完全不同的问题。但是，它似乎与类似。您需要在每个选择器前面添加.clear类，因此只有.clear类中的类被设置为样式：.clear select、.clear input、.clear p、.clear.section内容对于重复的问题，这似乎是一个相当奇怪的选择。。。这是一个与相关问题完全不同的问题。然而，它确实看起来很像。有趣！我想知道为什么这次投票被否决了。这种Sass语法看起来确实不熟悉。我试试看！有趣！我想知道为什么这次投票被否决了。这种Sass语法看起来确实不熟悉。我试试看！