Angular6 我可以在ViewChildren中使用html标记作为选择器吗

我想让模板中的所有

都有

字体变体
小大写字母
。我可以将
html
传递给
ViewChildren
？我看到过传递模板引用变量或组件的示例，但没有看到传递给
ViewChildren
的选择器是
html
标记或
css
类的示例

template: `<p>
  I am a static component
</p>
<p>
I am another para but I have an id (template reference variable) #pref. I got my blue color using ViewChild and Renderer2
</p>
<p>
  All paragraphs are small-caps because using ViewChildren and Renderer2, the style was set to bold
  </p>`

import { Component,ViewChild, ViewChildren, QueryList,ElementRef,Renderer2,OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
  name = 'Angular';
  @ViewChildren("p") paraList:QueryList<any>; /*I SUPPOSE I CANT DO THIS AS P IS INTERPRETED AS TEMPLATE REFERENCE VARIABLE AND NOT <P>*/
  constructor(private renderer:Renderer2){

  }

  ngAfterViewInit(){ //QueryList becomes available now
    this.paraList.forEach(para =>{this.renderer.addClass(para,'boldClass')})
  }

}

.boldClass{
  font-variant: small-caps;
}