Question

你可能会对这个问题感到困惑，我只是想知道使用firebug，我们应该在不同的文件中管理我们的css，这不是一个新的想法，新的东西是'在不同的文件中分割的单个类' 例如：假设您有一个无序列表

<section class="to-do">
    <ul>
      <li> Eat </li>
      <li> Design </li>
      <li> Watch Movies </li>
      <li> Listen to Eminem </li>
      <li> Code </li>
      <li> Sleep </li>
    </ul>
</section>

我必须给出很多很酷的样式，我们所做的一种方法就是在css / scss文档中创建一个类：

.to-do {

/* width/height/padding/border/margin/position */

/* font/font-size/text-decoration */

/* colors */

/* transition effects */

/* custom icons for bullets */

}

我们可以做到这一点，但我想要一种更易于管理的方式。就像将每种类型的样式放在具有相同类的不同文件中一样。

"width/height/padding/border/margin/position" in a file named _layout.scss 

"font/font-size/text-decoration" in _typography.scss

"colors" in _colors.scss

"transition effects" in _transitions.scss

和

文件中的

“项目符号的自定义图标”，简称_media.scss

最后，当你编译它时，它只生成一个类，即.to-do

我尝试了这个，但不幸的是它制作了一个类但是四次:(每个文件一个。我确信必须有一些方法来实现这一点，这样我们就可以像老板一样管理基于scss的项目：）

有没有办法将不同SCSS文件中的类编译成单个类？

0 个答案: