1

テーブルのスタイルを設定する CSS チュートリアルを見つけましたが、私のページには他のテーブルがあります。したがって、ここでセレクターを使用する方法がわかりません。tr:nth-of-type(odd)セレクターです。idしかし、これはまたはclassという名前のテーブルでのみ使用したいと考えていますplayerslist。

<table id="playerslist">
    <thead>
        <tr>
            <th>Player Name</th>
            <th>Player #</th>
            <th>Team</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Simon</td>
            <td>25</td>
            <td>Team A</td>
        </tr>
        <tr>
            <td>Richard</td>
            <td>5</td>
            <td>Team B</td>
        </tr>
    </tbody>
</table>

tr:nth-of-type(odd)をターゲットにする方法、thおよびtdof を持つテーブルの要素についてのアイデアはidありplayerslistますか?

ありがとうございました

4

2 に答える 2

6

スタイル定義でテーブルのクラスまたはIDを指定します。

table#playerslist tr:nth-of-type(odd) {
   // your styles
}
于 2012-09-04T19:25:09.053 に答える
4

またはでのtr:nth-of-type(odd)要素をターゲットにするには、を使用しますtableidclassplayerslist

table#playerslist tr:nth-of-type(odd), 
table.playerslist tr:nth-of-type(odd)
 {/* styling */}

持っている要素thとtd要素をターゲットにするには、tableid='playerslist'

table#playerslist th, 
table#playerslist td {/* styling */}
于 2012-09-04T19:27:02.020 に答える