Javascript 给奇怪的元素加上颜色

Javascript 给奇怪的元素加上颜色,javascript,jquery,html,Javascript,Jquery,Html,我想把背景色只是在奇数的“卡h-90文本左”我怎么能做到这一点?我知道怎么把它放在所有的盒子里,但我只需要把它放在一些奇怪的盒子里 <div class="row"> <% int i; int size = empDetailsMap.size(); Employee employee = new Employee(); for (Map.Entry<Stri

我想把背景色只是在奇数的“卡h-90文本左”我怎么能做到这一点?我知道怎么把它放在所有的盒子里,但我只需要把它放在一些奇怪的盒子里

<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>



要达到您想要的效果:

.col-lg-4.mb-3:nth-child(odd) .card {
    background-color: #ebebeb;
}
将背景色更改为您希望使用的任何颜色


以下是有关第n个子项的详细信息。:

不工作的可能重复项。。。所有的卡片都是同一种颜色,而不仅仅是那些奇怪的卡片。编辑我的答案。请接受答案,让其他人知道它的工作!谢谢