javascript - 在 Angular 选择器上使用 last-child

Question

如何让 last-child CSS 选择器在 Angular 组件选择器上工作？我想将样式添加到具有特定类的最后一个组件项。

我的 HTML:

<component-name class="abc"></component-name>
<component-name class="abc"></component-name>
<component-name class="abc"></component-name>
<component-name class="efg"></component-name>
<component-name class="efg"></component-name>

在上面的例子中，我想为最后一个 .abc 元素设置样式。所以我的 CSS:

component-name.abc:last-child {
 // some styles
}

这行不通。这也不是:

component-name.abc:last-of-type {
    // some styles
}

在这种情况下，如何选择最后一个 child ？

Answer 1

您在 component-name.css 文件中发布的 css 代码吗？如果是这种情况，请将其移至父组件样式表或 style.css。