html - HTML中有类吗？

Question

随着我的 html 样式类列表不断增长，例如:

<button type="button" class="btn btn-default btn-sm ...">
</button>

我想知道是否有更简单的方法来表示这个列表，例如:

.list_of_css = "btn"+ "btn btn-default"+"btn-sm"+...

所以我可以简单地使用:

<button type="button" class="list_of_css">
</button>

Answer 1

我建议使用 j08691 建议的 CSS 预处理器。我特别推荐使用 Sass。

Sass 继承示例:

.fancy-button{
  @extend .btn, .btn-default, .btn-sm;
}

预期的 HTML:

<button type="button" class="fancy-button">Fancy Button</button>

引用资料:

萨斯:http://sass-lang.com/

Sass 继承:http://sass-lang.com/guide#topic-7

没有人告诉你关于 Sass 的 @extend 的事:http://www.sitepoint.com/sass-extend-nobody-told-you/