Html 如何将一个div中的所有偶数div作为目标

如何将所有偶数div作为目标。upcome events div，基本上我希望所有类名为的偶数div。event date将获得不同于其他的背景色。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>

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

试试：

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

---

尽量不要。做没有尝试；）在盲目使用选择器之前，你应该先使用你的大脑。你认为什么是代码甚至是< /代码>？显然，这是每个

.event

div，当然不是

.event date

，因为您希望匹配每个

事件，而不是它们的内部子项。谢谢，您是对的，实际上我的大脑必须被挂起…这是一个非常简单的父元素和子元素组合…我应该在这里发布之前仔细查看。。。。。