css - 可以为某些元素覆盖 Bootstrap CSS 而不是其他元素吗？

Question

我有以下元素，我已将 Bootstrap btn 和 default-btn 类应用于:

<input class="btn btn-default add-to-cart-btn" type="submit" name="addcart" value="Add to Cart" />

<div class="btn btn-default enquire-btn" >Enquire</div>

我的 CSS 选择器看起来像:

.add-to-cart-btn, .enquire-btn {
//CSS
}

但是，只有 add-to-cart-btn CSS 会覆盖 Bootstrap CSS。

谁知道这是为什么，或者是否/为什么 Bootstrap 在 div 上覆盖样式有问题？

Answer 1

您的 CSS 必须比您尝试重载的 CSS 更具体。 您正在执行 .add-to-cart-btn、.enquire-btn。 所以 bootstrap 可能正在做“div.enquire-btn”。这比您的 CSS 更具体。 重载它 div.enquire-btn。