1、!important
2.、行内样式/内联样式(style=“”)
3、 id选择器(#id)
4、 class选择器(类选择器.class、属性选择器a[href]、伪类选择器:hover)
5、 标签选择器(元素选择器div{}、关系选择器div+p、伪元素选择器::selection)
6、通配符选择器*
7、浏览器的自定义属性和继承
注:
关系选择器
包含选择器(E F)选择所有被E元素包含的F元素
子选择器(E>F)选择所有作为E元素的直接子元素F,对更深一层的元素不起作用
相邻选择器(E+F)选择紧跟E元素后的F元素,用加好表示,选择相邻的第一个兄弟元素
兄弟选择器(E~F)选择E元素之后的所有兄弟元素F,作用于多个元素