css样式的优先级码迷三种css样式优先级

css优先级

子元素选择器(如：divp ，带大于号)伪类选择器(如：就是链接样式，a元素的伪类，4种不同的状态：link、visited、active、hover。)看完了基本的css选择器类型后，我们接着来看一下css优先级的概念。

创新互联成立于2013年，我们提供高端重庆网站建设公司、网站制作、网站设计、网站定制、网络营销推广、小程序开发、微信公众号开发、成都网站营销服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都混凝土搅拌站企业提供源源不断的流量和订单咨询。

CSS优先级是指CSS样式在浏览器中被解析的先后顺序。多重样式（Mutiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是多重样式的使用情况。

优先级：根据 CSS 样式的优先级来调整样式的顺序或特殊性，从而覆盖或保留某些样式。例如，可以使用 ID 选择器或类选择器来增加样式的特殊性，或者使用！important 关键字来强制应用某个样式。

内部样式优先级高。 CSS与HTML文档结合的4中方法： 1 使用元素链接到外部的样式文件； 2在元素中使用style元素来指定； 3 使用CSS @import标记来导入样式表单； 4在内部的元素中使用style属性来定义样式。

style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。这样属于第二读取方式。直接写在对应的页面。

选择器的特殊性值表述为4个部分，用0，0，0，0表示。

若是元素选择符，则分别加0、0、0、1 算法：将每条规则中，选择符对应的数相加后得到的”四位数“，从左到右进行比较，大的优先级越高。看完了上述内容，那我们就来看看css选择器优先级的具体排序。

选择器的特殊性值表述为4个部分，用0，0，0，0表示。

优先级的第二部分是由选择器优先级决定。比如，有两个类名的选择器比只有一个类名的选择器优先级更高。具体可以看下面的案例。通过比较选择器类型来决定哪个选择器优先值最高。

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

内部样式优先级高。CSS与HTML文档结合的4中方法：1 使用元素链接到外部的样式文件；2 在元素中使用style元素来指定；3 使用CSS @import标记来导入样式表单；4 在内部的元素中使用style属性来定义样式。

内联样式内联样式表的作用：设置一个内联样式表，在Html页面的body中添加，在添加元素的标签中声明样式，都包含在style属性中。

他们的优先级是内联样式的优先级最高，其次判断内部和外部样式的优先级得看它们在html中出现的位置，一般来说，越靠后的优先级也就越高。css是英文Cascading Style Sheets的缩写。

文章名称：css样式的优先级码迷三种css样式优先级
分享网址：http://scjbc.cn/article/dicciog.html