css选择器:

.class,#id,*,element(标签选择器),[attribute] 属性选择器,:first-child(伪类选择器)

权重

 !important>行内样式>ID选择器>类选择器|属性选择器|伪类选择器>元素选择器

尽量避免使用!important

覆盖!important

 <div id="app"> <div class="test" id="test"> <span >啦啦啦</span> </div> </div> #test span{ color:blue; } #app span{ // 生效 因为后面出现 color: red; }