Javascript 字体大小不是'；t更新内部v-toolbar-title

@导入url（“https://fonts.googleapis.com/css2?family=Creepster&display=swap");
#头衔{
字体系列：“爬行动物”，草书；
字体大小：300；
字体大小：1.5rem；
}

标题
心脏
mdi放大
垂直点
选项{{n}

您可以创建自己的类，并将其应用于包装标题的

标记：

标题

.mytitle{
字体大小：1.5rem！重要；
}

或者使用现有工具栏标题类并将其应用于所有工具栏标题：

.v-toolbar\u标题{
字体大小：1.5rem！重要；
}

---

！重要的

修饰符是必需的

尽管@Dan answer可以工作，但我建议不要使用

！重要信息

无特殊需要的规则。您可以通过提供更“强大”的CSS选择器来实现相同的行为。在您的案例中，最简单的方法是为该组件引入

头衔

.我的头衔{
字体大小：1.5rem；
}

您是否有此功能的工作预览？你检查过定义优先级（CSS）了吗？虽然@David的答案可以，但我建议在没有特殊需要的情况下不要使用范围样式。您将被迫记住并对每个工具栏重复此操作，或者仅为其创建一个自定义包装控件。当您希望所有工具栏的样式都相同时，这种方式会使其更加困难。

<style scoped>
  .mytitle {
    font-size: 1.5rem;
  }
</style>