How to activate Intelisense when editing multi-lines css styles in VSCode?

I'm trying to edit a multi-line styles attribute of FooComponent (the multi-line is declared with ` back tick),

I've noticed that when I'm using the multi-line using the back tick, the css intellisense is not enabled, you can see it from screenshot that the h3: {...} is red painted:

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

@Component({
  selector: 'app-foo',  
  templateUrl: './foo.component.html',
  styles: [`
    h3: {
      color: yellow         <-------intellisense does not working
    }
  `]
})
export class FooComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }    
}

I've seen in some tutorial videos that it is possible to use intellisense from inside the styles for multi-lines, any idea how?

Here is the screenshot of the working intellisense example: