2017-10-31 8 views
-1

「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> 
+3

可能重複[:クラスでn番目の子(偶数/奇数)セレクタ(https://stackoverflow.com/questions/17458582/nth-childeven-oddここ

nth-childの詳細情報であります-selector-with-class) – jmargolisvt

+0

https://stackoverflow.com/questions/6211613/testing-whether-a-value-is-odd-or-even – epascarello

答えて

1
+0

not working ...すべてのカードが同じ色で表示されているだけでなく奇妙なもの –

+0

謝罪。私の答えを編集しました。 –

+0

はい、現在動作しています。ありがとうございます –

関連する問題