189 8069 5689

CSS样式就近原则指的是什么

这篇文章主要介绍“CSS样式就近原则指的是什么”,在日常操作中,相信很多人在CSS样式就近原则指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS样式就近原则指的是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

成都创新互联主营宜兴网站建设的网络公司,主营网站建设方案,APP应用开发,宜兴h5小程序开发搭建,宜兴网站营销推广欢迎宜兴等地区企业咨询

在css中,样式的就近原则指的是当多种不同的样式规则应用在同一元素上时,若样式权重相同,则靠近元素的样式具有最大的优先级;就近原则也可以理解为多种样式权重相同时,排在最后的样式优先级最大。

本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

CSS样式就近原则是什么

CSS优先级

在复杂CSS样式表,往往并不是相同样式不同值的堆叠这么简单,经常出现两个或多个不同样式规则应用在同一元素上,这时到底采用哪个样式呢?这就是典型的CSS优先级问题。

处理优先级问题,就是考虑样式权重的高低。这里先给大家介绍一些特殊的情况:

==继承样式的权重为0。==也就是说,在嵌套结构中,无论父元素样式权重多大,子元素继承时,应用在子元素上的权重都为0,即子元素定义的样式会覆盖所有继承来的样式。

==行内样式优先。==应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100。总之,他拥有比上面提高的选择器都大的优先级。

权重相同时,CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级,或者说排在最后的样式优先级最大。

CSS定义了一个!important命令,该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近,!important都具有最大优先级。

css权重

关于CSS权重,我们需要一套计算公式来去计算,这个就是 CSS Specificity,我们称为CSS 特性或称非凡性,它是一个衡量CSS值优先级的一个标准 具体规范入如下:

Specificity用一个四位的数字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。

CSS样式就近原则指的是什么

到此,关于“CSS样式就近原则指的是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


本文名称:CSS样式就近原则指的是什么
当前URL:http://jkwzsj.com/article/jpgphi.html

其他资讯