HTML元素发生样式冲突，覆盖css

1.可以像对其他HTML元素一样对body元素应用样式，并且所有其他元素将继承你的body元素的样式

2.有时你的HTML元素会得到相互冲突的多个样式，

    例如< h1> 元素继承了body中的样式，当我们为 h1 元素创建一个class，并在class中赋予与body中冲突的样式，

    我们的class会override（覆盖）body元素的css属性；

3.通过用空格分隔多个 class 属性，可对 HTML 元素应用多个 class 属性：class="class1 class2"

     注意：在 HTML 中这些 class 如何排序是无所谓的。

     然而，在 <style> 部分中class 声明的顺序却非常重要，第二个声明总是比第一个具有优先权。

     所有当同一标签的这两个class中的样式发生冲突时，

     第二个声明的class会override（覆盖）第一个声明的class的css属性

证明了浏览器读取css的顺序是从上到下，这意味着，在发生冲突时，浏览器会使用最后的css声明

4.无论在 style 元素 CSS 的哪个位置进行声明，id 声明都会覆盖 class 声明。

5.行内样式将覆盖style 中定义的所有 CSS。

6.很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用!important。