html - ファーストクラスのみに依存するスタイル？

Question

最初のクラス (のみ) に応じて要素のスタイルを設定する必要があるという問題があります。タイトルは (カテゴリに応じて) 多くのタグを付けて自動生成されますが、最初のカテゴリ タグを使用して要素のスタイルを設定したいと考えています。以下に例を示します。

<div class="tag-text tag-design tag-architecture">TITLE HERE</div>

...そしてCSSコードビット:

.tag-architecture {
  background-color: purple;
}
.tag-text {
  background-color: black;
}
.tag-design {
  background-color: green;
}

ご想像のとおり、html 要素に同時に 3 つのタグがある場合、CSS の最後の部分 (この場合は.tag-design.

.tag-textこの特定の状況で背景が黒のままになるように、最初のクラス (この場合は ) のみに基づいて要素のスタイルを設定することは可能ですか?