Make!important整个.class选择器

Ele*_*zRs 23 css3

是否有可能使整个.class CSS选择器变得重要?我在考虑这种结构:

.custom-selector !important {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
Run Code Online (Sandbox Code Playgroud)

我不知道是否有可能.

Bol*_*wyn 23

不,这是不可能的.!important被认为是最后的工具,因此应该谨慎使用.!important整个选择者会讽刺这个想法.

  • 最后一句话让我哈哈大笑。完美的。我需要去编写合理的 CSS,而不是寻找捷径 (2认同)

Roh*_*ani 5

首先 !important 适用于 CSS 规则中的一个特定声明。它不适用于类。所以,“不”你不能做一个类!重要。

其次,!important 只是 CSS 特性的一部分。您还可以使用其他方法使规则成为具有优先级的更具体的规则(例如引用父链中的 id 而不仅仅是类。当我编写 CSS 时,使用 !important 是我最后可能的选择- 我更愿意用其他特殊性解决方案解决覆盖问题。通常,如果您控制所有 CSS,这很容易避免使用 !important。如果您必须覆盖一些您无法控制的 CSS,那么有时它是便利。

在此处查看此问题以获取更多详细信息。因为它更好地解释了事情。