親要素のクラスに基づくdivの色

Question

各行の最初のセルには、行全体にまたがるdivが含まれているテーブルがあります。私は、各divの背景色を含む行のクラスに基づいて別の色にしたい。これは可能ですか？

の線に沿って何か：

<table> 
    <tr class="even"> 
     <td colspan="14"> 
      <div class="myDivClass"></div> 
     </td> 
    </tr> 

    <tr class="odd"> 
     <td colspan="14"> 
      <div class="myDivClass"></div> 
     </td> 
    </tr> 

    <tr class="even"> 
     <td colspan="14"> 
      <div class="myDivClass"></div> 
     </td> 
    </tr> 

    <tr class="odd"> 
     <td colspan="14"> 
      <div class="myDivClass"></div> 
     </td> 
    </tr> 
</table> 

Answer 1

あなたは（あなたのコードが何をしているかである）別の色をしたい場合、あなたは、単に可能性：ここで

tr.even div.myDivClass{ 
    background-color: red; 
} 
tr.odd div.myDivClass{ 
    background-color: green; 
} 

は、テーブルの簡易版でありますクラスを定義せずに次のコードを使用してください：

tr:nth-of-type(even) { background-color: red; } tr:nth-of-type(odd) { background-color: green; }

「任意の」色にしたい場合は、コードに問題はありません。