Html 如何仅将css属性应用于我的第一个div类

我有两个dhx\u scroll\u contdiv类，当我为两个类编写css代码时。现在我想写一个css代码，用于第一个div调用

.dhx_scroll_cont:before{
    //some code here
    }

只需使用：

.dhx_scroll_cont:first-of-type:before{
    //some code here
}

CSS伪类的：first类型表示 它在其父元素的子元素列表中的类型

---

更新

根据以下情况，应采取以下措施：

.dhx_view_day_events .dhx_scroll_cont:first-of-type:before{
    //some code here
}

---

根据HTML的结构，您需要的解决方案将发生变化

你能为我们提供HTML结构吗

否则，您可以：

将另一个类添加到要更改的div中

通过使用

您只提供了一个targetable类。解决这个问题的一种方法是用一个空格分隔两个类，例如：

这将允许您使用您想要影响第一个div的特定CSS值来定位类

OTHER_class

使用

:first child

或

:first

：first child

和

：first

允许您以其父元素的第一个子元素div为目标。例如：

<div class="surround">
    <div class="dhx_scroll_cont">

    </div>
    <div class="dhx_scroll_cont">

    </div>
</div>

dhx_scroll_cont:first-child {
    CSS HERE
}

dhx\u滚动\u续：第一个孩子{
CSS在这里
}

这将影响第一个

dhx\u滚动\u cont

div

正如我之前所说的，如果您能提供更多关于HTMl结构的信息，这将有助于我们解决问题

编辑

---

感谢您展示HTML结构

---

有了我所展示的方法之外的这种结构，在

dhx\u scroll\u cont

的第一个类中添加另一个类将允许您专门针对该div，而不是另一个div。

@RaviVarma-考虑到您提供的代码，这应该是可行的，您能提供更多的CSS、HTML或JSFIDLE.net吗？不过有一个陷阱，如果该类已应用于不同的标记（div、p、section），那么@Ejay-如果您使用OP提供的代码，则该类本身就是，提供的JSFIDLE仅用于说明

类型的第一个

，它非常依赖于上下文，但优于

：first child

。我想给答案增加一些有用的东西（你已经投了我的赞成票）：@Ejay-你说得有道理，我最好在示例中使用类：）