企业网站的主要功能板块,wordpress注册数学验证码,免费自建网站,短视频营销的正确步骤首先我们需要知道选择器的类型有这些#xff1a;选择器栗子ID#idclass.class标签p属性[typetext]伪类:hover伪元素::first-line相邻选择器、子代选择器而这些css的选择器是有权重(即优先级)的#xff0c;在不同选择器的样式出现冲突时候#xff0c;会采用权重高的选择器…首先我们需要知道选择器的类型有这些选择器栗子ID#idclass.class标签p属性[typetext]伪类:hover伪元素::first-line相邻选择器、子代选择器而这些css的选择器是有权重(即优先级)的在不同选择器的样式出现冲突时候会采用权重高的选择器设置样式而优先级不仅仅只是“行间内部外部、IDclass元素”。css优先级到底是怎么计算的呢选择器的特殊性值表述为4个部分用0,0,0,0表示权重计算规则如下行间样式加1,0,0,0.ID选择器的特殊性值加0,1,0,0。类选择器、属性选择器或伪类加0,0,1,0。元素和伪元素加0,0,0,1。通配选择器*对特殊性没有贡献即0,0,0,0。最后比较特殊的一个标志!important(权重)它没有特殊性值但它的优先级是最高的为了方便记忆可以认为它的特殊性值为1,0,0,0,0。特殊性值是如何进行比较的呢比较规则如下1,0,0,0 0,99,99,99。也就是说从左往右逐个等级比较前一等级相等才往后比。无论是行间、内部和外部样式都是按照这个规则来进行比较。而不是直观的行间内部外部样式IDclass元素。之所以有这样的错觉是因为确实行间为第一等的权重所以它的权重是最高的。而内部样式可能一般写在了外部样式引用了之后所以覆盖掉了之前的。在权重相同的情况下后面的样式会覆盖掉前面的样式。通配符、子选择器、相邻选择器等的。虽然权值为0000但是也比继承的样式优先0 权值比无权值优先。!important属性我们知道带有!important的属性样式优先级是最高的但是ie6中会出现如下的bugp{color:red !important;color:blue; //会显示blue}但是这样就会显示的是red。说明ie6还是支持important的p{color:red !important; }p{color:blue;}在使用 !important 时需要注意一定要优化考虑使用样式规则的优先级来解决问题而不是 !important只有在需要覆盖全站或外部 css(例如引用的 ExtJs 或者 YUI )的特定页面中使用 !important永远不要在全站范围的 css 上使用!important永远不要在你的插件中使用 !important怎样覆盖掉 !important很简单你只需要再加一条!important 的CSS语句将其应用到更高优先级的选择器(在原有基础上添加额外的标签、class或id选择器)上或是保持选择器一样但添加的位置需要在原有声明的后面(优先级相同的情况下后边定义的会覆盖前边定义的)。#test.a{color: red !important;}a{color: blue !important;}或者,同样的选择器后边的声明会覆盖前边的:a{color: red !important;}a{color: blue !important;}
