sassで複数クラスはどう書くのか？

Question

<ul>
    <li class="item">A</li>
    <li class="item blue">B</li>
</ul>

上記のclassにcssでプロパティーをつけると以下の様に　.item　を二回書かないといけないです。

.item {
    line-height : 150%;
    color       : #333;
}
 
.item.blue {
    color : blue;
}

sassでもっとスマートとに書く方法はありますか？

Answer 1

sassですと

.item {
    line-height : 150%;
    color       : #333;
    &.blue{
        color : blue;
    }
}

という感じで、入れ子にして&を付けることで複数条件を指定することが可能です。

Comments

[退会済みユーザー]

ありがとうございます。
擬似クラスみたいに&だったのですね。
これだけ調べても中々出なかったです。