您可以使用:nth-child()来执行此操作，在。container后面用.container div选择div，并在:nth-child()中选择要选择的子项。

null

.container div:nth-child(1) {
        overflow: hidden; /*How can I make it so this property only applies to container__first but not */
        background: green;            /*     the second*/
    }

<div class="container">
        <div class="container__first">I am a box maybe!</div>
        <div class="container__second">I am a circle maybe!</div>
    </div>

    

如果您已经设置了类，container_first和container_second，那么您可以在CSS中设置不同的属性。 为了简单起见，我将第一个容器中的文本变为粗体，第二个容器中的文本变为斜体。 参见:

null

.container__first {
    overflow: hidden;
    font-weight: bold;
}

.container__second {
    overflow: visible;
    font-style: italic;
}

<div class="container">
    <div class="container__first">I am a box maybe!</div>
    <div class="container__second">I am a circle maybe!</div>
</div>