「h-90テキスト左」の奇妙なものに背景色を入れたいのですが、どうすれば実現できますか?私はそれらをすべてに入れる方法を知っていますが、私は奇妙なもののためにそれを必要とします。奇数のエレムに色をつけて
.col-lg-4.mb-3:nth-child(odd) .card {
background-color: #ebebeb;
}
の変更、使用したい方の色にbackground-color
:あなたは後にしている効果を達成するために
<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>
可能重複[:クラスでn番目の子(偶数/奇数)セレクタ(https://stackoverflow.com/questions/17458582/nth-childeven-oddここ
は
nth-child
の詳細情報であります-selector-with-class) – jmargolisvthttps://stackoverflow.com/questions/6211613/testing-whether-a-value-is-odd-or-even – epascarello