css - 如何在不覆盖的情况下中和 CSS 定义

Question

有没有办法在不覆盖所有元素的情况下中和元素的 CSS 规则？

例如，我使用的是 Twitter Bootstrap，它为 table 提供了许多预定义的 CSS 定义。在某些地方，我不想要它们。

在某些 table 元素上，我想知道我是否可以做这样的事情:

<table style="default"></table>

Answer 1

Bootstrap 有 only a little bit <table> 的 CSS元素:

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

要覆盖这些，您可以为您的 table 创建一个名为 strapless 之类的类:

table.strapless{
  max-width: 100%;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}

这table.strapless选择器将覆盖 table Bootstrap 使用的选择器，因为它是 more specific .

要使用 css 类，请将其包含在表格的类属性中:

<table class="strapless">