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