css选择器 及其权重

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;
    }