Vue.js 別スタイルを当てたい

Question

現在はユーザー一覧という文字と(totalCount)のcolorが黒色になっています。
(totalCount)だけ赤色にしたいのですがどうしたらいいのでしょうか？
知識ある方ご教授お願いしたいです

  <div class="user">
    <p class="user-title">{{ `ユーザ一覧（${totalCount}）` }}</p>
  </div>


<style lang="scss" scoped>
.user{
  background-color: #ffffff;
  &-title {
    color: #000000;
  }
}

Answer 1

<div class="user">
    <p class="user-title">ユーザ一覧<span>{{totalCount}}</span></p>
  </div>
<style lang="scss" scoped>
.user{
  background-color: #ffffff;
  &-title {
    color: #000000;
    span{
     color:#f00;
    }
  }
}

これでどうでしょう

Comments

[ktaaa]

ありがとうございます！！
うまくいきました！
spanタグってどういう時に使うものなのでしょうか？

[akkman]

spanはインライン要素なのでpタグなどの内部装飾で使用するケースが多いです。

[ktaaa]

わかりました！！ありがとうございます