html - 如何更改 CSS 的优先行为以停止覆盖 css 类？

Question

<input type="checkbox" value="true" name="role" id="role1" class="margin-class" checked="checked">

input[type="checkbox"] {
    height: 1.42857em;
    margin-bottom: 1.42857em;
    position: relative;
    top: 6px;
}

.margin-class {
   margin-bottom: 0;
}

这两个 css 都来自 bundle.css，我不允许在其中进行任何更改。但我想申请 margin 类(class)。这里选择器 css 覆盖类 css。我知道的规则选择器 css 具有更高优先级的优先级。但是无论如何我可以覆盖规则。我也不允许使用本地 css，也不允许进行任何更改，例如 !important 和 all。

Answer 1

如果您不能修改捆绑的 CSS 或提供自己的样式表，您唯一的办法就是使用内联样式属性:

<input type="checkbox" value="true" name="role" id="role1" style="margin-bottom: 0" checked="checked">

或者如果您也不能修改 HTML，则使用 JavaScript 应用样式。

如果这些事情中的任何您都做不到，那么您就陷入困境了。如果该规则旨在应用于具有该类的某些元素，那么捆绑的 CSS 编写得不好。除了使用提供给您的功能外，您无法更改级联的工作方式(即便如此，它并没有真正改变它的工作方式)。