引入css样式权重引入css样式权重的方法

CSS中权重的优先级是什么?

1、CSS选择器优先级（1）CSS选择器都有权重值，权重值越大优先级越高。内联样式表的权重值最高，值为1000。id选择器的权重值为100。class选择器的权值为10。类型（元素）选择器的优先级为1。通配符选择器的优先级为0。

成都创新互联公司电话联系：18980820575，为您提供成都网站建设网页设计及定制高端网站建设服务，成都创新互联公司网页制作领域十多年，包括汽车玻璃修复等多个行业拥有多年的网站制作经验，选择成都创新互联公司，为网站锦上添花。

2、CSS权重是由四个数值决定，看一张图比较好解释：图里是英文的，我翻译过来分别说一下，4个等级的定义如下：第一等：代表内联样式，如： style=””，权值为1000。第二等：代表ID选择器，如：#content，权值为100。

3、width：10px ！important；意思是设置成最高级别，不管先后都会采用这个css，如果有两个这种代码会采用最后一个。

，如果样式上加有！important标记，例如：p{ color： gray ！important}那么始终采用这个标记的样式。

第一级别：内联样式，详细大家都知道什么是内联样式，既是在标签添加style属性，这种方式权重值最高，权重值为1000，但是开发过程中比较少用到这种，因为现在推荐的方式都是将css，js，html写成单独文件。

css样式表的权重关系：内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关。（放在后面的会把放在前面的样式覆盖掉，覆盖的只是相同属性的样式，不同属性的样式会继续执行。

按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

网页中css的导入方式（2）嵌入式嵌入式一般写在head中，对于单个页面来说，这种方式很方便。（3）导入式！-- 导入外部样式：在内部样式表的标记之间导入一个外部样式表，导入时用@import。

内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。

内联式：直接将CSS放在HTML标记中使用，如下：这是一个段落！--这个段落颜色为蓝色，左边距为20像素--使用这种方法可以简单直接地对某个元素定义样式，但是一旦页面元素比较多时，代码会开始繁杂。

导入样式@import url=(css路径名)；这种方法一般不用，可以直接忽略。一般都是采用链接样式，行内样式和内嵌样式维护起来相对麻烦，优先级(从高到底)行内样式内嵌样式链接样式导入样式。

看完了上述内容，那我们就来看看css选择器优先级的具体排序。

1、第二等：代表ID选择器，如：#content，权值为100。第三等：代表类，伪类和属性选择器，如.content，权值为10。第四等：代表类型选择器和伪元素选择器，如div p，权值为1。最后把这些值加起来，再就是当前元素的权重了。

2、css样式表的权重关系：内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关。（放在后面的会把放在前面的样式覆盖掉，覆盖的只是相同属性的样式，不同属性的样式会继续执行。

3、从样式选择器看权重优先级：important 内嵌样式 ID 类标签 | 伪类 | 属性选择伪对象继承通配符。

4、单条css语句解析是从右向左的。(.a+ div)em { color ：#ffffff；} 可以理解为：找到所有 em 找到所有 em 中 em的父元素是(.a+div)的 em 而css选择器有不同的权重划分。

外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

css样式采取的就近样式原则。行内样式优先级最高，没有行内样式那么会回在页答面找内嵌样式。名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。

CSS权重是由四个数值决定，看一张图比较好解释：图里是英文的，我翻译过来分别说一下，4个等级的定义如下：第一等：代表内联样式，如： style=””，权值为1000。第二等：代表ID选择器，如：#content，权值为100。

) 权重计算公式关于CSS权重，我们需要一套计算公式来去计算，这个就是 CSS Specificity(特殊性)值从左到右，左面的最大，一级大于一级，数位之间没有进制，级别之间不可超越。

CSS选择器的权重与优先规则我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。

文章标题：引入css样式权重引入css样式权重的方法
分享路径：http://hbruida.cn/article/diijpdi.html