[解決済み】要素が両方のクラスを持つ場合のみ適用するCSSルール【重複あり

質問

このようなマークアップがあるとします。

<div class="abc"> ... </div>
<div class="xyz"> ... </div>
<div class="abc xyz" style="width: 100px"> ... </div>

のみを選択する方法はありますか？ <div> の両方を持つ abc と xyz クラス（最後の1つ）のインライン幅を上書きして、有効幅を200pxにすることができますか？

このようなものです。

[selector] {
  width: 200px !important;
}

解決方法は？

div.abc.xyz {
    /* rules go here */
}

... あるいは単に

.abc.xyz {
    /* rules go here */
}