Html 将css类应用于我的ngx-gallery-9阵列中的第一个图像

我这里有这个，我正试图找出如何将：first of type或nth child（1）应用于图像库中的“fa star”图标

问题-我只想给图库中第一个“足球明星”字体的超级图标上色。所以只有第一张图片是黄色的

我尝试了几种不同的方法，但它们似乎都将css应用于每个图标，或者没有一个图标，而不仅仅是第一个

以下几件事我都试过了，但都不走运

：host>>>ngx gallery操作：第一种类型。fa star:第一种类型{
颜色：黄色；
}
：host>>>fa-star:类型的第一个{
颜色：黄色；
}
：host>>>.fa-star:第n个孩子（1）{
颜色：黄色；
}

您是否尝试过“第n种类型”，例如：

.fa-times-circle:nth-of-type(1) {
  display: none !important;
}

编辑：请尝试以下代码：

.ngx-gallery-icons-wrapper > .fa-times-circle:nth-of-type(1) {
  display: none !important;
}

---

不要在星形上使用第n个类型，而是在第一个图像（容器）上，然后在星形上使用第n个类型

因为星星永远是每个容器中的第一颗星星

因此，它将是：

.ngx-gallery-image:first-of-type .fa-star { color:#fc0; }

---

我刚试过，但它仍然隐藏了所有图标，而不仅仅是第一个。我认为这与在选择图像时隐藏和显示图像库有关。@user1186050第一幅图像的类别是什么？还有包围你的圈子的类？第一张图片有类“ngx gallery image ngx gallery active ngx gallery clickable ng star inserted”，包装图标的类是“ngx gallery icons wrapper”@user1186050我已经更新了答案。请尝试新代码。它不起作用，但感谢您的帮助。我现在要尝试其他方法，你能在我的stackblitz中提供答案以确保它工作吗？你可以使用inspector工具（F12）添加类以查看它的工作情况，但我会在stackblitz中尝试。。好了