若是 元素选择符,则分别加0、0、0、1 算法:将每条规则中,选择符对应的数相加后得到的”四位数“,从左到右进行比较,大的优先级越高。看完了上述内容,那我们就来看看css选择器优先级的具体排序。
创新互联专注于广宗企业网站建设,响应式网站,购物商城网站建设。广宗网站建设公司,为广宗等地区提供建站服务。全流程按需策划,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
优先级:CSS 样式的优先级是根据选择器的特殊性(Specificity)、样式来源(来源于哪个样式表)和样式的顺序来确定的。
选择器的特殊性值表述为4个部分,用0,0,0,0表示。
1、外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。
2、行内样式优先级最高,没有行内样式那么会回在页答面找内嵌样式。名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。
3、一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
4、层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.css之所以有“层叠”的概念,是因为有多个样式来源。
5、越接近你要设置样式的内容的css的优先权越高;比如: 111 在这里你要对字符串111设置样式,h4标签距离111比div进,所以权限比div高。
CSS选择器优先级 (1)CSS选择器都有权重值,权重值越大优先级越高。内联样式表的权重值最高,值为1000。id选择器的权重值为100。class选择器的权值为10。类型(元素)选择器的优先级为1。通配符选择器的优先级为0。
不过这个步骤是最复杂的,上面已经说过了。3,如果权重也一样,按照它在CSS样式表里声明的顺序,后声明的优先,例如:h1 {color: blue}h1 {color: red}最终胜出的是color: red。
在CSS中,选择器的权重用于确定样式规则的优先级,以决定应用哪个样式。权重值越高,优先级越高。对于给定的选择器,权重可以通过以下方式计算:对于每个ID选择器,权重值为100。
css样式表的权重关系:内联样式表的权重最大!内部和外部样式的权重,和书写的前后顺序有关。(放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式,不同属性的样式会继续执行。
CSS 优先规则1: 最近的祖先样式比其他祖先样式优先级高。