html - 如何在现有类上强制执行 css 样式(尤其是在 Bootstrap 中)

Question

当我想将某种样式应用于 div(特别是使用 bootstrap 3)时，我会像这样创建自己的类:

.myClass {
   width: 30%;
   padding-right: 0px;
}

<div class="myClass"></div>

但是有时候div的样式会被bootstrap类或者其他继承的属性覆盖(CSS3中的继承我不是很懂)，但是如果我直接在div中应用:

<div style="width: 30%;padding-right: 0px;"></div>

Answer 1

在这种情况下，2 种在元素上强制使用 CSS 的方法:

1. 您有位于本地的自定义 CSS .css文件:把<link>在 Bootstrap css 文件之后为这个自定义样式表添加标签。

2. 设置CSS规则!important在每个属性之后，这样他们就可以获得对其他人的额外权限