样式中的优先级、Class 选择器的优先级高于继承样式、ID 选择器优先级高于 Class 选择器、内联样式的优先级高于 ID 选择器、Important 的优先级最高

有时候，你的 HTML 元素的样式会跟其他样式发生冲突。

就像，你的h1元素也不能同时设置green和pink两种样式。

让我们尝试创建一个字体颜色为pink的 class，并应于用其中一个元素中。猜一猜，它会覆盖body元素设置的color: green;CSS 属性吗？

在含有pink-textclass 的h1元素里面，再添加一个blue-textclass，这时候，我们将能看到到底是谁获胜。

HTML 同时应用多个 class 属性需以空格来间隔，例子如下:

class="class1 class2"

注意：HTML 元素里应用的 class 的先后顺序无关紧要。

但是，在<style>标签里面声明的class顺序十分重要。第二个声明始终优于第一个声明。因为.blue-text在.pink-text的后面声明，所以.blue-text会覆盖.pink-text的样式。

 body元素的设置不能覆盖 pink-text的class

在style中 第二声明优于第一声明

ID优于class 不用说明了

<h1 style="color: green">

color: red !important; 这样是最强覆盖