189 8069 5689
首先就是CSS规则的specificity(特殊性)，CSS1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。
成都服务器托管，创新互联公司提供包括服务器租用、内江服务器托管、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、域名与空间等业务的一体化完整服务。电话咨询：18982081108
按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。
选择器优先级：通常我们可以将CSS的优先级由高到低分为六组：无条件优先的属性只需要在属性后面使用 ！important 。它会覆盖页面内任何位置定义的元素样式。
CSS优先级是指CSS样式在浏览器中被解析的 先后顺序 。多重样式（Mutiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是多重样式的使用情况。
1、第二等：代表ID选择器，如：#content，权值为100。第三等：代表类，伪类和属性选择器，如.content，权值为10。第四等：代表类型选择器和伪元素选择器，如div p，权值为1。最后把这些值加起来，再就是当前元素的权重了。
2、css样式表的权重关系：内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关。（放在后面的会把放在前面的样式覆盖掉，覆盖的只是相同属性的样式，不同属性的样式会继续执行。
3、从样式选择器看权重优先级：important 内嵌样式 ID 类 标签 | 伪类 | 属性选择 伪对象 继承 通配符。
1、结论：同类型选择器（类型一样，即同为元素选择器，类选择器，id选择器或者属性选择器），按style中的先后顺序，后者优先级更高。我们选择正反两种顺序，来看不同选择器之间的比较。首先，四种选择器在一起时，id选择器获胜。
2、权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。CSS定义了一个！important命令，该命令被赋予最大的优先级。
3、优先级（△）！important 行内样式 id class 标签 继承者或 对于比较方法有这样的特点：对于 div ul li {}的权重值是0 ， 0 ， 0 ， 3；.class{} 的 权重是0 ， 0 ， 1 ， 0。
4、一：层叠性指的是样式的优先级，当产生冲突时以优先级高的为准。
5、CSS 有 非常重要的 三个特性：层叠性、继承性、优先级。相同选择器 给设置 相同的样式，此时一个样式就会 覆盖（层叠） 另一个冲突的样式。层叠主要解决样式冲突的问题 。
外部样式，顾名思义，也就是通过引入的css样式文件，而内部样式呢，主要是放在中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style=这里写样式 来实现。
内部样式优先级高。CSS与HTML文档结合的4中方法：1 使用元素链接到外部的样式文件；2 在元素中使用style元素来指定；3 使用CSS @import标记来导入样式表单；4 在内部的元素中使用style属性来定义样式。
内联样式 内联样式表的作用：设置一个内联样式表，在Html页面的body中添加，在添加元素的标签中声明样式，都包含在style属性中。
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
h1一个元素/h1h1{color：red；}如果多个元素，比如：h1多个元素/h1h1{color：red；}h1{color：blue；}h1{font-size：50px；}那么这样的话，就有先来后到的顺序。
一：嵌入式 用户可在HTML文档头部定义多个style元素，实现多个样式表。