1、优先级:important>行内style>id>结构性伪类(eg :nth-child() :nth-of-type())>属性>类>标签>通用
2、伪类:hover它的优先级还和最前面的关键字有关(会先比较关键字优先级),上面第五点有详细说明
3、精确匹配优先级更高,上面第二点有说明
4、important凌驾于一切之上(尽量少使用),当两个选择器都存在它时,则比较选择第下个优先级高的,上面第一点有说明
5、动态编写css,在.css文件中所有的属性都无法传参编写,可在html 的head中建立style标签,通过js动态编写style中的样式
css选择器优先级的问题
最新推荐文章于 2023-03-30 21:42:50 发布