Html中的多类

Question

我有一个按钮,其中包含以下w3.css类:

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<button class="w3-btn w3-lime w3-hover-green  w3-round-large w3-border w3-border-green w3-ripple">Button</button>

这将是我网站的一个共同主题.不是在每个按钮上写下所有这些类的列表,而是如何将这组类组合成一个类,mybuttonclass如:

<button class="mybuttonclass">Button</button>

Answer 1

您熟悉LESS等CSS预编译器吗？你可以创建一类课程.看起来像这样:

.mybuttonclass {
  .w3-btn;
  .w3-lime;
  .w3-hover-green;
  .w3-round-large;
  .w3-border;
  .w3-border-green;
  .w3-ripple;
}

否则,您必须手动将所有CSS属性复制到一个类中.