选择器的css选择器

时间:2014-04-11 11:39:16

标签: html css

我有这个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;
}

1 个答案:

答案 0 :(得分:5)

没有

CSS无法定义从其他规则集导入规则的规则集。

您可以更改原始规则集,使其拥有group个选择器:

.feedback, .btn { /* rules */ }
.feedback, .btn-xs { /* rules */ }
.feedback, .btn-info { /* rules */ }