選擇器的css選擇器

Question

我有這個HTML元素：

<button type="button" class="btn btn-xs btn-info">Feedback</div>

類包含三個元素：

• btn默認按鈕的樣式
• btn-xs更改了按鈕的大小（不是默認值）
• btn-info更改按鈕的顏色（不是默認值）

這是設計我的按鈕的第3方庫（引導程序）。

我的問題：是否可以在將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無法定義從其他規則集中導入規則的規則集。

您可以更改原始規則集，以便它們具有一組選擇器：

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