css - CSS类选择器？

Question

我想缩短我的 css 文件（总共 4843 行），我想将此文件应用到一个名为“block1”的类的单个 div，如下所示：

  .block1{

      .pages{
         //some style
      }
   }

不是这样（浪费很多时间）：

    .block1 .pages{ //some style }

    .block1 .titles{ //some style }

这似乎行不通。还有其他方法可以解决吗？

Answer 1

你应该看看less。Less 正是这样做的。

来自较少的网站摘要

LESS 扩展了 CSS 的动态行为，例如变量、mixin、操作和函数。

它不是 css，但它编译为 css。它可能不会缩短您生成的 css，但它会使它更易于管理。

如果您想要可管理的样式然后还要缩短它，您可以使用 less 构建您的样式，然后使用称为缩小器的东西缩小生成的 css。看看这个 SO question。

Answer 2

通过使用 CSS 预处理器，如Less或Sass。