如何从css中取出共同因子,用逗号(,)分隔

Question

我想减少这段代码.我不想每次都输入#panelbar.例如:

#panelbar .col-md-1,
#panelbar .col-md-2,
#panelbar .col-md-3,
#panelbar .col-md-4,
#panelbar .col-md-5
{
----------------------
properties----------
}

有没有办法减少这个代码？

Answer 1

您可以利用LESS和SASS等CSS预处理器.如果你使用LESS,你的语法就是

#panelbar {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5
  {
    //properties...
  }
}

见http://lesscss.org/