0

これが私のcssです：

table.mytable { 
    border-collapse: collapse;
    width: 50%;
    margin: 24px;
    font-size: 1.1em;
}

caption.mytable { 
    font-size: larger; 
    margin: 5px auto; 
}

th.mytable, td.mytable, thead.mytable { 
    background: #3e83c9;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
}

tr.mytable:nth-child(odd) { 
    background: #ecf6fc; 
}

tr.mytable:hover { 
    background: #bcd4ec; 
} 

td.mytable { 
    padding: 6px 11px;
    border-bottom: 1px solid #95bce2;
    vertical-align: top;
}

css スタイルは正常に動作します。私が抱えている問題は、html で各<tr>、<td>、などにクラス<th>を割り当てる必要があることです。クラスをテーブルに割り当てるだけでよい方法はありますか? css コードを変更する必要がありますか?

ありがとう！

4

1 に答える 1

0

次のようになります。

table.mytable th, table.mytable td, table.mytable thead{
    background: #3e83c9;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
}

CSS セレクターを参照してください。

于 2013-06-18T17:33:37.113 に答える