如何在scs中用script或(.ts)类型调用类

Question

我已经在scs中创建了类，我想在我的类型脚本或(ts(中调用它

用户故事：作为一名教师，我希望看到一名学生成为残疾人(低透明度和不可触碰(，这样我就知道谁在我的学科中失败了

.student{
opacity: 0px;
cursor: not-allowed;
background: #ccc;
}

ts

???

我如何将scss类称为ts？

html

<container>
<div class="student">
<div class="move-center flex-align-center">
<p class="cont-body">Student name</p>
</div>
</div>
</container>

Answer 1

你对"呼叫"；。您不能执行css(在您的情况下是scss(类，因为它描述了某个东西的外观，而没有描述行为
您可以将scss类分配给TypeScript中的HTML元素。

document.querySelector("css-selector").classList.add("student")

这将选择具有给定css选择器的第一个元素(使用querySelectorAll选择所有元素(。然后，将css类添加到从document.querySelector.获得的HTMl元素的classList属性中