Css Vue.js无法设置样式锚

我正在尝试设计我的锚，但它不起作用。有人能解释一下我的代码出了什么问题吗

这是我的CSS

佐萨达{
字号：18px；
字体大小：500px；
文字装饰：无；
颜色：黑色；
}
佐萨达：积极的{
颜色：红色；
}

之所以发生这种情况，是因为css选择器上没有“.”

sasadada先生{
字号：18px；
字体大小：500px；
文字装饰：无；
颜色：黑色；
}
.sasadada:主动{
颜色：红色；
}

sasadada先生{
字号：18px；
字体大小：500px；
文字装饰：无；
颜色：黑色；
}
.sasadada:主动{
颜色：红色；
}

您忘记在cssno中的类名之前添加

点类选择器，而不添加

点类选择器意味着您现在正在HTML5中设置自定义标记的样式。

作用域

属性已被弃用且非标准@Calculuswhiz..这是vue中范围样式的最佳实践之一，因此我认为应该将其编辑到答案中，并解释代码如何回答问题。从回顾的角度来看，一个只使用代码而没有解释的答案看起来不是一个好答案。

<style scoped>
 .sasadada{
font-size:18px;
font-weight:500px;
text-decoration:none;
color:black;
}
.sasadada:active {
 color: red;
}
</style>