在角度分量中添加角度样式属性中的两个标记样式

Question

我是角色2的新人。  在这个组件中，样式适用于h4但不适用于div＆＃34; myClass＆＃34;类。 请仔细研究一下。

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;
}