1

こんにちは、以下のようなテーブルがあり、セクションに属する tr のみにスタイルを適用したかったのです。

<table>
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
    </tbody>
</table>

以下のように試すと、trsを含むすべてのtrsに適用されます。

<style type="text/css">
tr
{
height:30px
}
</style>

このスタイルをヘッダー部分のみに適用するように制限するにはどうすればよいですか。

4

4 に答える 4

2

使用する、

th
{
height:30px
}

または、クラスを使用できます

于 2013-07-17T05:48:38.273 に答える
1

このように使用します

<tr class="my_class">

</tr>

次に、CSS で「.」を使用して参照します。クラス名('my_class') の前に

.myclass{
    //your styles go here
}
于 2013-07-17T05:53:54.800 に答える
1

これを試して：

<style type="text/css">
tr
{
height:30px
}

thead > tr:first-child
{
//put anything you want here
}
</style>
于 2013-07-17T05:48:33.523 に答える
1

次のように、その tr にクラスを追加し、css でそのクラスを指定できます。

<table>
    <thead>
        <tr class="give-style">
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
    </tbody>
</table>

そしてcssで：

<style type="text/css">
.give-style
{
height:30px
}
</style>

これでうまくいくはずです。左にあるチェックマークをクリックして疑問が解決する場合は、これを正解として選択してください。

于 2013-07-17T05:50:01.597 に答える