html - 如何在一个类中调用多个CSS类？

Question

我做了一个按钮:

<input type="button" class="btn-custom btn btn-info" />

CSS 代码

.btn-info {
  background-color: #6fb3e0!important;
  border-color: #6fb3e0;
}
.btn{padding:5px 10px}
.btn-custom{height:20px;}

我想在名为 .btnCustom 的单个类中结合 btn-custom 和 btn btn-info 的样式。

简而言之，我想要与尝试此操作时相同的结果:

<input type="button" class="btnCustom" />

Answer 1

你可以这样试试——

.btnCustom, .btn-info {
   background-color: #6fb3e0!important;
   border-color: #6fb3e0;
}
 .btnCustom ,.btn{
   padding:5px 10px;
 }
 .btnCustom ,.btn-custom{
   height:20px;
 }

<input type="button" class="btnCustom"/>