我有这个HTML元素:
<button type="button" class="btn btn-xs btn-info">Feedback</div>
类包含三个元素:
btn
- 默认按钮样式btn-xs
- 更改了按钮的大小(非默认值)btn-info
- 更改了按钮的颜色(不是默认颜色)这是设计我的按钮的第3方库(bootstrap)。
我的问题:是否有可能将css选择器汇总到一个css选择器?
就我而言,它看起来像:
<button type="button" class="feedback">Feedback</div>
在我的CSS中:
.feedback {
style: .btn; /* how to do that? */
style: .btn-xs;
style: .btn-info;
}
答案 0 :(得分:5)
没有
CSS无法定义从其他规则集导入规则的规则集。
您可以更改原始规则集,使其拥有group个选择器:
.feedback, .btn { /* rules */ }
.feedback, .btn-xs { /* rules */ }
.feedback, .btn-info { /* rules */ }