html - 我如何定位一个 div 中的所有偶数 div

Question

我如何定位 .upcome-events div 中的所有偶数 div，基本上我希望类名称为 .event-date 的所有偶数 div 将获得与其他 .event-date div 不同的背景颜色，我试过这个CSS:

.upcome-events .event-date:nth-child(even) {
    background-color: #000;
}

这是我的 html:

                    <div class="upcome-events box">

                        <h4></h4>

                        <div class="event clearfix">
                            <div class="event-date">
                               <h3></h3>
                                <p></p>
                            </div>
                            <div class="event-desc">
                                <p></p>
                                <p></p>
                            </div>
                        </div>

                        <div class="event clearfix">
                            <div class="event-date">
                               <h3></h3>
                                <p></p>
                            </div>
                            <div class="event-desc">
                                <p></p>
                                <p></p>
                            </div>
                        </div>

                        <div class="event clearfix">
                            <div class="event-date">
                               <h3></h3>
                                <p></p>
                            </div>
                            <div class="event-desc">
                                <p></p>
                                <p></p>
                            </div>
                        </div>

                        <div class="event clearfix">
                            <div class="event-date">
                               <h3></h3>
                                <p></p>
                            </div>
                            <div class="event-desc">
                                <p></p>
                                <p></p>
                            </div>
                        </div>


                    </div>

但它对我不起作用。有什么建议吗？

Answer 1

尝试:

.upcome-events .event:nth-child(even) .event-date {
    background-color: #000;
}