html - 选择器的 css 选择器

Question

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

Answer 1

没有。

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

您可以更改原始规则集，使它们具有 group选择器的数量:

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