Question

我想把背景颜色放在奇怪的那些＆＃34;卡片h-90 text-left＆＃34;我怎么能够实现它？我知道怎么把它放在所有这些中，但我只需要它用于奇怪的。

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

的更多信息

把颜色放到奇怪的elemnets上

1 个答案: