使用bootstrap设置高度css属性，没有！important

Question

想知道在使用没有height的Bootstrap类时如何从类选择器设置!important属性？

Answer 1

“如果对同一个元素应用了多个规则，并且存在冲突，则使用优先级规则进行解析。特异性是CSS中优先级规则的一个重要方面。规则选择主要检查哪个规则引用了HTML元素最具体的方式。具有最具体的元素引用的规则将应用于元素。

只有使用关键字!important才能覆盖特异性。要按优先顺序简要列出不同的案例：

1. 使用！important keyword在“”style attribute“中声明的样式。
2. 使用！important属性在“”stylesheet“中声明的样式。
3. 在style属性中声明的普通样式（不带！important属性）。
4. 样式表中的正常样式。

在HTML元素中声明样式是引用它的最具体方式。

选择器的特异性计算如下：

1. 计算选择器中的ID选择器数量（= a）
2. 计算选择器中的类选择器，属性选择器和伪类的数量（= b）
3. 计算选择器中类型选择器和伪元素的数量（= c） 忽略通用选择器
4. 否定伪类中的选择器与其他选择器一样，但是否定本身并不算作伪类。
5. 连接三个数字a-b-c（在具有大基数的数字系统中）给出了特异性。

所以只做

body .myClass

优先于

.myClass