鍍金池/ 問答/HTML5  HTML/ css樣式使用的一個小問題

css樣式使用的一個小問題

語法scss

.a {
  background-color :red;
  &.b{
    background-color: green;
  }
  &-c{
    background-color: blue;
  }
  .d{
    background-color: yellow;
  }
}

//我想使用a里面的b c d樣式應(yīng)該如何使用 
//例如使用b樣式
//下面哪種方式是對的吶？

<div class="a b">
</div>

<div class="a">
 <div class="b">
 </div>
</div>

<div class="b">
</div>
回答
編輯回答
涼汐
<div class="a b">
</div>

<div class="a-c">
</div>

<div class="a">
    <div class="d">
    </div>
</div>
2017年6月17日 20:44
編輯回答
扯機(jī)薄
<div class="a b">
</div>

&意為引用父選擇符，如果有這個就代表引用在同一個元素
沒有的話

.a {
  .d{
    background-color: yellow;
  }
}

說明a跟d是應(yīng)用在父子或者祖父、子孫節(jié)點(diǎn)的關(guān)系

2018年3月15日 01:06