css样式优先原则 简述css样式应用的优先规则

css优先级

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

站在用户的角度思考问题，与客户深入沟通，找到永平网站设计与永平网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、空间域名、虚拟主机、企业邮箱。业务覆盖永平地区。

优先级：CSS 样式的优先级是根据选择器的特殊性（Specificity）、样式来源（来源于哪个样式表）和样式的顺序来确定的。

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

css样式优先级高低排列

1、后代选择器(如：#head .nav ul li 从父集到子孙集的选择器)子元素选择器(如：divp ，带大于号)伪类选择器(如：就是链接样式，a元素的伪类，4种不同的状态：link、visited、active、hover。

2、CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。

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

4、继承得到的样式的优先级是最低的；最近的祖先样式比其他祖先样式优先级高；直接样式比祖先样式优先级高。

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

6、所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。既然样式有优先级，那么就会有一个规则来约定这个优先级，而这个“规则”就是重点。样式表允许以多种方式规定样式信息。

Css中样式的优先级

1、后代选择器(如：#head .nav ul li 从父集到子孙集的选择器)子元素选择器(如：divp ，带大于号)伪类选择器(如：就是链接样式，a元素的伪类，4种不同的状态：link、visited、active、hover。

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

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

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

5、首先就是CSS规则的specificity(特殊性)，CSS1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。