Html 如何通过覆盖样式从引导中完全删除样式

因此，我完全熟悉通过使用自己的

style.css

在引导中重写样式。但是，假设bootstrap有一个放在表上的样式，或者是一个标准html元素。让我们使用标签，因为这是一个相当简短的示例。首先假设除了以下css代码之外，其他任何地方都没有其他标签样式或标签元素样式：

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

现在，如果我想在style.css文件中覆盖此样式并更改边距和权重，我可以这样做：

label {
  margin-bottom: 3px;
  font-weight: normal;
}

很简单，这将更改这两个项目，并允许其他样式级联通过。但是，如果我想完全删除引导为元素标签添加的任何样式，该怎么办。有没有一种简单快捷的方法可以做到这一点，而无需执行以下操作：

label {
  display: inline;
  max-width: None;
  color: none;
  margin-bottom: 0;
  font-weight: normal;
}

或者基本上逐行检查并将每个styles属性更改为none或normal之类的属性？同时保持原始引导文件处于未触及的状态，并且不对其进行任何注释

---

顺便说一句，如果JavaScript简洁简单的话，我也可以使用它。如果它已经包含了，那么不可以。覆盖它的唯一方法就是给它提供类似于

none

的属性，或者，处理它的最佳方法是使用其SASS/LESS实现，而根本不包括该组件。

否如果该组件已经包含，则覆盖它的唯一方法是为其提供属性，如

none

，或者，处理它的最佳方法是使用他们的SASS/LESS实现，而不包括任何组件。

这取决于您希望支持的浏览器。你可以用

label {
  all: initial; // or all: unset
}

---

但是请注意，它还没有得到广泛的支持。它适用于IE11、Firefox、Opera和Chrome，但不适用于Safari或大多数移动浏览器。不过，知道它是否以及何时会得到更广泛的支持还是一个好办法：）

这取决于您希望支持的浏览器。你可以用

label {
  all: initial; // or all: unset
}

---

但是请注意，它还没有得到广泛的支持。它适用于IE11、Firefox、Opera和Chrome，但不适用于Safari或大多数移动浏览器。不过，要知道它是否以及何时会得到更广泛的支持，这还是一个好办法：）

当然，我确实使用了他们的按需加载组件的方式，我通常在启动一个项目时将所有组件都在SASS或bundle.config中注释掉，并且只在需要时取消注释它们，但我想知道是否有办法这样说“嘿，CSS我想完全删除任何可能分配给'label'元素的样式，就像它从来没有被设置过一样”，我不想一行一行地做。如果有类似

label{！removeAll；}的东西就好了这是一个坏主意。有两个原因：你必须清除样式，然后重新应用CSS，如果将来有人接管你的代码，就很难维持它。看起来只有从Bootstrap或Boot/Basic之类的东西中轻松地去除样式，让我们假设所有基于表元素的样式都是这样我就不会逐行修改样式。我只需要在某个地方记录正在进行的操作，以防我们将来要更新框架，这样我们就可以在那里进行操作。你会说这是真的吗？是的，因为将来的更新将更新引导。减少到包含所有内容B绝对地，我使用他们的按单方式加载组件，我通常在启动一个项目时，在SASS或bundle.config中注释掉所有组件，并且只在需要时取消注释它们，但我想知道是否有一种方式可以说“嘿，CSS我想完全删除可能分配给'label'元素的任何样式，就好像它从来没有被设置过一样”，我不想一行一行地做。如果有类似于
label{！removeAll；}的东西就好了这是一个坏主意。有两个原因：你必须清除样式，然后重新应用CSS，如果将来有人接管你的代码，就很难维持它。看起来只有从Bootstrap或Boot/Basic之类的东西中轻松地去除样式，让我们假设所有基于表元素的样式都是这样我就不会逐行修改样式。我只需要在某个地方记录正在进行的操作，以防我们将来要更新框架，这样我们就可以在那里进行操作。你会说这是真的吗？是的，因为将来的更新将更新引导。减少到包括我的所有内容我将在一个测试项目上尝试这个。这很有趣。我将在一个测试项目上尝试这个。这很有趣。