Javascript 在“角度”组件中“角度”的“样式”特性中添加两个标记样式

我是新来的。 在此组件中，该样式适用于h4，但不适用于div“myClass”类。 请调查一下

import { Component } from '@angular/core';

@Component({
    selector : 'my-tutorials',
    template : `<h4>Hello World {{yaa}}</h4>
                <div [class.myClass] = "yo">NEC</div>`,
    styles :  [`h4 {
        color : red;      
    } , 
     .myClass{
        color :blue;
    }`]

})




export class TutorialsComponent{
    public yaa = "Mohith Hello";
    public yo = true;
}

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的教程”，
模板：`Hello World{{yaa}}
NEC`，
样式：[`h4{
颜色：红色；
} , 
.myClass{
颜色：蓝色；
}`]
})
导出类教程组件{
public yaa=“Mohith Hello”；
公共yo=真；
}

逗号不属于

样式

；这里只有一个字符串，而不是多个项目。正如@jornsharpe所说，它只是无效的CSSOh！！！！！！！非常感谢……）