CSS类选择器？

Question

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

  .block1{

      .pages{
         //some style
      }
   }

不喜欢这样（杀了很多时间）：

    .block1 .pages{ //some style }

    .block1 .titles{ //some style }

这似乎无法解决。还有其他方法可以做到吗？

Answer 1

你应该看看less。少了这一点。

来自较少的网站摘要

  

LESS使用动态行为扩展CSS，例如变量，mixins，操作和函数。

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

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

Answer 2

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