我如何定位div内的所有偶数div

Question

如何定位.upcome-events div中的所有偶数div，基本上我希望所有类型为.event-date ll的偶数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;
}