1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高):
内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
2.权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式。
下面是权值的规则:
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。
css写在后面的css样式会覆盖了前面的效果(谁最重要谁写在最前面)
由于:visited,:hover,:active的样式都可以覆盖:link样式,所以:link写在最前面
由于:active点击效果的优先级最高可以覆盖其他三种样式,所以写在最后面
当链接被访问,:hover还是可以展示,所以优先级高于:visited,故写在:hove写在:visited的后面
故排列顺序为:link,:visited,:hover,:active记忆方法(爱恨原则:lvha)
越拍后面优先级越高。