Html CSS类优先级和我为什么要使用！重要的超控？

这只是一个基本示例：

无标题1 .rowDate{ 背景色：28456c； 颜色：fff； } .对{ 颜色：灰色； 垫面：1mm； 垫底：1mm； 右侧填充：2mm； 浮动：对； 文本对齐：右对齐； 字号：8pt； 字号：700； 文本转换：无； } .textwite{ 颜色：fff； } 这是一些文本

---

如果您更改floatRight和textWhite的css定义顺序，在floatRight之后为textWhite编写css样式，则无需描述！重要的文本白色风格

floatRight和textWhite是常见的样式，所以最好删除floatRight选择器上的颜色样式

.floatRight {
    color: gray;
    padding-top: 1mm;
    padding-bottom: 1mm;
    padding-right: 2mm;
    float: right;
    text-align: right;
    font-size: 8pt;
    font-weight: 700;
    text-transform: none;
}
.textWhite {
    color: #fff;
}

---

您可以清楚地看到，floatRight位于第100行之后，而不是text白色的第59行。不要依赖命令，增加特殊性而不是类内的命令与无关！重要订单将被忽略。另一方面，两个！将遵循重要的属性顺序。只有样式表内部的顺序才重要。要了解更多信息，我不想删除颜色：灰色；因为它会破坏我的整个设计，我必须创建一个新的.textGray类并更新我的所有XSL转换脚本。我已经更改了类定义的顺序并删除了！重要的超控。一切都好！