Html 如何从div parent中选择第一个子div

我有一张电影卡，内容是动态的。我试图选择左侧栏的第一个子DIV，但是，由于内容是动态生成的，所以背景颜色更改为所有DIV

左侧杆分区：第一个孩子{ 背景色：e50914！重要； } 前五名电影 @Model.SidebarData.TopMovies中的foreach var影片{ @电影，片名

@电影，风景 }

---

向div添加一个Id，然后引用它来更改该特定元素的属性

 <div class="card-sb" id="CardSb">

或者试试这个：

/* Selects every first element among any group of siblings */
#left-side-bar a:nth-child(1n) {color: #e50914;}

：first-child选择器用于选择父标记的第一个子标记，如名称所示

但在您的示例中，div上有一个标记作为父元素。因此，如果您对其应用第n个类型，您将解决您的问题。所以这个例子的工作原理如下

#left-side-bar a:nth-of-type(1) .card-sb {
    background:red;
} 

左边的酒吧。卡片sb：第一个孩子{ 背景色：e50914！重要； } 前五名电影 @Model.SidebarData.TopMovies中的foreach var影片{ @电影，片名

@电影，风景 }

---

您希望h3始终具有背景吗？仅第一张divcard-sb@MisterJojo他想选择第一张牌。sb…@MisterJojo有一个循环。。因此将有多个a元素。你可以添加此作为注释…我相信这是一个建议的问题答案。这不像是对给定问题的评论。这是我的第一次尝试，但是自从它的forloop之后，背景被更改为所有div。解决方案是：左侧栏a:N-of-type1.按库库哈夫所说的卡sb。谢天谢地，我忘了a。非常感谢。

#left-side-bar a:nth-of-type(1) .card-sb {
    background:red;
}