一个类下的CSS类

Question

虽然我想从 CSS 专家那里了解，但这个问题可能很愚蠢。有没有一种方法可以在一个类下编写 CSS 类。

假设我在一个div下有几个div

<div class="parent">
     <div class="c1"></div>
     <div class="c2"></div>
     <div class="c3"></div>
</div>

通常，我们编写如下的 css 类-

.parent { width: 100%; }
.parent .c1 { //somecode }
.parent .c2 { //somecode }
.parent .c3 { //somecode }

但是，我想知道。我们可以像下面这样写吗-

.parent {
    width: 100%;
   .c1 {
      //somecode
   }
   .c2 {
      //somecode
   }
   .c3 {
      //somecode
   }
}

请让我知道我的好奇心的答案。谢谢你。

Answer 1

你不能使用普通的 css。

也许您正在寻找less ？特别是页面下方的嵌套规则部分。

这允许您执行您要求的操作，以及许多其他有用的函数、变量和混合宏。

或者有一个选项 SASS .这与 less 非常相似。