day14-CSS的存在形式及优先级

一、引子

　　之前我们在说class选择器的时候，有提到优先级。下面让我们来深入的聊聊这个知识点。

二、CSS的优先级

说明：我们知道一个标签可以有多个css的样式，就是说一个class属性可以写入多个样式，中间以空格隔开。

1、样式如果没有冲突，那么都会应用到标签中，

2、如果样式有冲突就会涉及到优先级问题。

　　a、在标签中的优先级最高。

　　b、<style> 中，样式越下面（靠近body 标签），越优先。

　　　　ps:前面我们有提到css样式导入，导入的样式优先级也遵循这个原则，

 1 <head lang="en">
 2     <meta charset="UTF-8">
 3     <title></title>
 4     <style>
 5         .c1{
 6             background-color:#dddddd ;
 7             color: blue;
 8         }
 9         .c2{
10             background-color: red;
11             color: white;
12         }
13     </style>
14 </head>
15 <body>
16     <div class="c1 c2" style="background-color: black;color: antiquewhite">样式优先级</div>
17 
18 </body>