Question

我的组件是app-menu，它是一个后备组件，第一个标签是li。另一方面，我有一个css更改li内<div>内的任何html的字体，但它在我的li中无效，因为我的<app-menu>被包裹<app-menu>。那我该怎么办？如何使用<div> <app-menu [catList]="catList"></app-menu> </div>以及我的CSS？

我的HTML

<li *ngFor="let cat of subCat()">
  <a href="#">{{cat.title}}</a>
.....
</li>

我的应用菜单：

<div>
<app-menu>
<li>
      <a href="#">....</a>
    .....
</li>
</app-menu>
</div>

我的HTML呈现后：

nslookup

Answer 1

您必须指定li的完整路径，或者您需要将其放在样式中。（s）css文件是一般的。

在Angular中，组件有自己的风格，因此，您在其中更改的每个内容都只适用于它。

为了能够在子组件内的标签中使用样式，您必须提供整个路径。

我认为你的css选择器应该是div app-menu li {...}。

如果不起作用，请尝试将<app-menu>中的课程设为<app-menu class="my-menu" [catList]="catList"></app-menu>，并使用该课程查找li。这将是div .my-menu li {...}。

如何删除主机组件tage形式html

1 个答案: