如何在不重写的情况下中和CSS定义_Css_Twitter Bootstrap_Stylesheet

如何在不重写的情况下中和CSS定义

css twitter-bootstrap

如何在不重写的情况下中和CSS定义,css,twitter-bootstrap,stylesheet,Css,Twitter Bootstrap,Stylesheet,有没有一种方法可以在不覆盖所有内容的情况下消除元素的CSS规则例如，我正在使用Twitter引导，它为表提供了许多预定义的CSS定义。在某些地方，我不想要它们在某些表元素上，我想知道是否可以这样做： <table style="default"></table> 在CSS中使用类来针对不同的表元素 table.black { background-color:black; } table.default { background-color:whi

有没有一种方法可以在不覆盖所有内容的情况下消除元素的CSS规则

例如，我正在使用Twitter引导，它为

表

提供了许多预定义的CSS定义。在某些地方，我不想要它们

在某些

表

元素上，我想知道是否可以这样做：

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

在CSS中使用类来针对不同的表元素

table.black {
    background-color:black;
}

table.default {
    background-color:white;
}

然后，您可以对表元素进行分组并应用您想要应用的特定样式，只需在元素本身上为它们指定适当的类属性名称即可

<table class="default">

<table class="black">

同样重要的是要注意CSS类定义将覆盖元素定义。一个很好的经验法则是，更具体的CSS选择器将覆盖不太具体的选择器。因此，如果出于某种原因不想修改原始CSS文件，您可以从新的CSS文件中应用不同的CSS样式。当然，这是假设还没有

表。默认的规则和表。传统CSS中的黑色规则。
引导为
元素提供了一个CSS：
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

要覆盖这些，您可以为您的表创建一个名为strapless之类的类：
table.strapless{
  max-width: 100%;
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}

此表.strapless
选择器将覆盖引导使用的表
选择器，因为它是
要使用css类，请将其包含在表的class属性中：
<table class="strapless">

如果有相当数量的外部样式表，您的网站的CSS可能应该在外部样式表中。在这个样式表中，您将按照其他人的建议来做，即为表提供一个类名，您可以在其中添加所需的CSS规则
但是真正的键是为了用您在mysite.CSS中新应用的CSS规则覆盖Bootstrap的样式表，样式表是为了将此样式表放置在HTML页面上比Bootstrap.CSS文件更靠下的。像这样：
外部：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="/assets/css/mysite.css" rel="stylesheet" type="text/css">
</head>
</html>



如果您不想使用外部样式表，那么使用您在问题中建议的“内联”规则也会起作用（即覆盖bootstrap.css）：
内联：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="/assets/css/bootstrap.css" rel="stylesheet" type="text/css">
</head>
<body>
  <table>
      <tr>
         <td style="border-top: 1px solid red;"></td>
         <td></td>
     </tr> 
  </table>
</body>
</html>


您无法在不覆盖的情况下中和CSS规则。因此，您必须按照上述答案中的建议进行操作。
您能否删除引导的表格部分？我不想这样做，因为我在其他地方使用了它……可能重复询问谁否决了您，为什么他们否决了您。不要到处指责别人。此外，你没有提到你看到了前面的问题。@ SHI1111 -请考虑编辑你的问题，这样就更清楚了。有些人会否决他们花时间讨论的问题，结果发现提问者遗漏了重要的、澄清的细节。问题框为您提供了大量空间，这是一个很好的理由；）为了清楚起见，我不是选民。我今天没票了…很明显你可以这么做。问题是我们是否可以同时消除许多设置。从你的话中我了解到我们不能这样做。