css样式覆盖顺序 css样式覆盖规则

请教前辈们:css样式表先后顺序!!!

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

创新互联：于2013年成立为各行业开拓出企业自己的“网站建设”服务，为近千家公司企业提供了专业的成都做网站、成都网站制作、网页设计和网站推广服务， 按需制作网站由设计师亲自精心设计，设计的效果完全按照客户的要求，并适当的提出合理的建议，拥有的视觉效果，策划师分析客户的同行竞争对手，根据客户的实际情况给出合理的网站构架，制作客户同行业具有领先地位的。

}// style-import.cssdiv { background： grey；}从顺序上看，内部样式在最下面，被最晚引用，所以 的背景色为 blue。上面代码中，@import 语句必须出现在内部样式之前，否则文件引入无效。

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

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

css的优先级顺序是怎样的

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

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

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

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

关于CSS3样式顺序的一个疑问

目前来说对css支持最好的公认的是火狐浏览器，错位的原因在css代码书写不规范。兼容性：对于CSS（样式表）并不是所有浏览器的所有版本都支持的很好，比如IE5以前的浏览器对于CSS的支持就不是很好。

nth-child()括号里面的顺序号是指“兄弟姐妹”之间的序号，并不是整个家族不分辈分的序号。

选择符的类型定义CSS样式时，可以使用各种类型的选择符。选择符主要有以下几种类型。类型选择符类型选择符用于选择以特定HTML标记定义的页面元素。

此属性参数值越大，则被层叠在最上面。必须使用绝对定位position z-index：0是默认属性值。

区别主要在这里。现在所有主流浏览器都是兼容CSS1的，CSS2的话，在IE7里面会有一些样式有显示上的bug，例如margin双倍边距等，当然这些问题现在都有解决办法了。

至于CSS3，由于html5标准还没有最终定稿，CSS3的标准也在争议过程中。