给奇怪的元素上色

Question

我想将背景颜色放在“card h-90 text-left”的奇数颜色中，我怎样才能实现它？我知道如何将它放入所有这些中，但我只需要它用于奇怪的那些。

<div class="row">
        <%
            int i;
            int size = empDetailsMap.size();
            Employee employee = new Employee();
            for (Map.Entry<String, Employee> entry : empDetailsMap.entrySet()) {

                String key = entry.getKey();
                employee = entry.getValue();
        %>

        <div class="col-lg-4 mb-3">
            <div class="card h-90 text-left">
                <div class="card-body custom-cards">
                    <h5 class="card-text" id="huddle">
                        <div style="text-align: left">
                            <%
                                out.println(employee.getFirstName() + " " + employee.getLastName());
                            %>

                        </div>
                    </h5>
                    <h6 class="card-subtitle mb-2 text-muted">
                        <div style="text-align: left">
                            <%
                                for (i = 0; i < employee.getTaskAssignment().getMinorTaskName().size(); i++) {
                                        out.println(employee.getTaskAssignment().getMinorTaskName().get(i) + " - "
                                                + employee.getTaskAssignment().getAssignedDetails().get(i) + " - "
                                                + employee.getTaskAssignment().getEstTime().get(i) + "\n");
                            %>
                            <br>
                            <%
                                }
                            %>

                        </div>
                    </h6>
                </div>
            </div>
        </div>
        <%
            }
        %>
    </div>

Answer 1

要达到你想要的效果：

.col-lg-4.mb-3:nth-child(odd) .card {
    background-color: #ebebeb;
}

将background-color 更改为您希望使用的任何颜色。

这里有更多关于nth-child的信息：https://css-tricks.com/almanac/selectors/n/nth-child/