如何在手机上建立自己的网站,竭诚网络网站建设价格,域名注册服务的公司网站,江油网站网站建设所谓CSS优先级#xff0c;即是指CSS样式在浏览器中被解析的先后顺序。内联样式(inline style) ID选择符 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 类别(type)#xff0c;伪对象(pseudo-element)一,解释:*内联样式(inline style):元素的sty…所谓CSS优先级即是指CSS样式在浏览器中被解析的先后顺序。内联样式(inline style) ID选择符 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 类别(type)伪对象(pseudo-element)一,解释:*内联样式(inline style):元素的style属*比如 *ID选择符:元素的id属*比如 *类选择符:比如*伪类(pseudo-class):最常见的是锚(a)伪类比如a:link,a:visited.*属性选择符(attribute selectors):比如div[classdemo],含有class为demo的div元素*类别选择器(type selector):HTML标签选择比如div .demo,div元素下含有class为demo的元素*伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。多重CSS样式定义属性追加重复最后优先原则一个标签可以同时定义多个class也可以是同一个class中重复定义属性。例如:我们先定义两个样式.one{width:200px;background:url(images/imgA.jpg) no-repeat left top;}.two{border:10px solid #000; background:url(images/imgB.jpg) no-repeat left top;}在页面代码中我们可以这样调用:这样最终的显示效果是这个div样式是什么呢??重复的是以哪一个为准呢??width:200px;border:10px solid #000;background:url(images/imgB.jpg) no-repeat left top;因为当应用两个或多个样式时浏览器所应用的样式根据是属性追加重复最后优先原则就是说两个或多个或重复的样式名定义浏览器所应用的样式是按先后顺序的如果定义了重复的属性值以最后定义的为准如果应用了两个或多个样式名里面不重复定义的属性值就追加上去重复的属性值就以最后一个为准。这里要注意的是样式的先后不是根据页面上应用的名字顺序而是样式表里的样式顺序。二、CSS的调用页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:外部调用法:将样式表写在一个独立的.css文件中然后在页面head区用类似以下代码调用。import命令方法:类以下代码, 本人推荐使用第二种调用方法(外部调用法)优先规则既然样式有优先级那么就会有一个规则来约定这个优先级而这个规则就是本次所需要讲的重点。样式表中的特殊性描述了不同规则的相对权重它的基本规则是:1、统计选择符中的ID属性个数。2、统计选择符中的CLASS属性个数。3、统计选择符中的HTML标记名个数。最后按正确的顺序写出三个数字不要加空格或逗号得到一个三位数(css2.1是用4位数表示)。( 注意你需要把数字转换成一个以三个数字结尾的更大的数)。相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。例如:1、每个ID选择符(#someid)加 0,1,0,0。2、每个class选择符(.someclass)、每个属性选择符(形如[attrvalue]等)、每个伪类(形如:hover等)加0,0,1,0。3、每个元素或伪元素(:firstchild)等加0,0,0,1。4、其它选择符包括全局选择符*加0,0,0,0。相当于没加不过这也是一种specificity后面会解释。
