Vue.jsの同一ファイル内でrgbのcolor指定をしたい

Question

以下のコードの書き方で1つ目の「col」にのみbackgroun-colorに指定したい場合はどうすればいいでしょうか？
またrgbの書き方はこちらであっていますでしょうか？

vue.js rgb styleなどで検索してもヒットしなかったため質問させて下さい。

<template>
  <col></col>
  <col></col>
</template>

<style>
  col {
  background-color: rgb(100,200,255);
  }
</style>

以下のようにすると1つ目の「colにのみ」赤色に変更はできたのですが、rgb指定が適用されません

<template>
  <col class="red"></col>
  <col></col>
</template>

Comments

[Lhankor_Mhy]

「赤色に変更はできたのですが、rgb指定が適用されません」とは、具体的には何が起きていますか？

[shirout]

<col class="rgb(0,100,220)></col>
などにしても何も色が変わらなかったということでした。
説明不足で申し訳ありません。

Answer 1

以下のようなコードでは解決になっていませんか？

<template>
  <col class="bg_red"></col>
  <col></col>
</template>

<style>
  .bg_red {
    background-color: rgb(100,200,255);
  }
</style>

Comments

[shirout]

ありがとうございます。
無事に適用させることができました。