Question

提出问题的最好方法是制定一个场景。

说我有以下标记：

<div class="box">
    <div class="jack">

    </div>

    <div class="jill">

    </div>
</div>

是的，所以我被教导通过父母影响孩子的方式是这样的：

.box .jack, .box .jill{
    width: 100px;
    height: 100px;
    background-color: yellow;
}

我的问题源于我最近对响应式CSS的学习，在那里我看到过如下行：@media only screen {}。它有（请原谅任何拙劣的术语）CSS里面列出的CSS ?? （Curly Brackets中的Curly Brackets）。

有没有办法用这样的方式影响上述标记？例如：

.box{
     .jack{
          /*Mooooom, I don't want to go shopping for school clothes*/
     }

     .jill{
          /*Yay, shopping! I need all the new styles!!!*/
     }
}

我在JSFiddle中进行了几次实验，但它没有用。我的希望是我缺少某种关键词或字符。或者这是不可能以这种格式影响CSS元素？

P.S。我不知道我在寻找什么，所以谷歌没有帮助。如果您知道这已经得到了解答，请将我链接到它！

Answer 1

不......没有。

你可以使用像SASS / SCSS或LESS（和其他人，Stylus）这样的CSS预处理器，它们可以更容易，更快地编写编写代码，但最后，它们仍然可以编译为相同的CSS。

SASSMeister Demo

SASS Info Link

LESS Info Link

6 Current Options for CSS Preprocessors - 11/2014

有没有更好的方法来“在CSS类中”进行CSS类？

1 个答案: