2

CSSを使用して、単一のセルまたは単一の列のフォーマットを設定するにはどうすればよいですか？

4

7 に答える 7

6

セレクターを使用してID、ページのその1つの要素（この場合はテーブルセル）のみをターゲットにします。

 <tr>
  <td id="foo"></td>
 </tr>

次にCSSで：

#foo
{
 //-- CSS styling goes here just for this element only
}

そのハッシュ記号（#）は、その名前セレクターを。に属するものとしてマークしidます。さらに、スタイルシートでロックダウンして、次のようにそのIDを持つTDセルにのみ適用できます。

td#foo
{
 //-- CSS styling goes here just for this element only
}

rowspan属性をに追加すると、TDそれを列に変換して、設定したスタイルを維持できます。

<td id="foo" rowspan="3"></td>

次のように、CSSセレクター名を前のピリオド（。）でマークすると、次のようになります。

.foo
{
  //-- CSS styles
}

これはHTMLのセレクターを対象とclassし、CSSクラス属性をタグに適用すると、次のように複数の一致する要素のスタイルを設定できます。

 <tr>
  <td class="foo"></td>
  <td class="foo"></td>
  <td class="foo"></td>
 </tr>

CLASSページに複数回表示されない限り、使用しないでください。

于 2009-08-19T12:58:01.933 に答える
4

セルにクラス名を付け、クラスのスタイルを設定します。

<td class="cellClass">test</td>

.cellClass { color: #a9a9a9 }
于 2009-08-19T12:56:35.647 に答える
1

テーブルセルの場合、参照できるように、何らかの識別子を指定する必要があります。必要に応じて、これはクラスまたはIDのいずれかになります。

<td class="specialCell">...</td>

CSSで、さまざまなフォーマットを適用できます。

.specialCell { color: red; }

列に異なるスタイルを適用する場合は、<col>タグがありますが、ブラウザーのサポートは制限されています。そのクラスをすべての要素に手動で（またはJavascriptを使用して）適用する方がおそらく良いでしょう。

于 2009-08-19T12:57:58.703 に答える
1

HTML<col>と<colgroup>タグを確認してください。これにより、列全体または隣接する列のグループに一度に書式を適用できます。

于 2009-08-19T13:00:18.843 に答える
1

COLGROUP適用されるスタイルを設定できます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <style type="text/css">
            #special { background:yellow }
        </style>
    </head>
    <body>
        <table>
            <colgroup></colgroup>
            <colgroup id="special"></colgroup>
            <tr>
                <td>a</td>
                <td>1</td>
            </tr>
            <tr>
                <td>b</td>
                <td>2</td>
            </tr>
        </table>
    </body>
</html>
于 2009-08-19T13:04:21.447 に答える
0

セル/列にクラスまたはIDを指定し、cssを使用してそれにフォーマットを適用します

于 2009-08-19T12:56:40.933 に答える
0

1つの列に2つの名前を割り当てることができます。元

<div class="foo"></div>
<div class="foo bar"></div>
<div class="foo"></div>

div.foo { color: #fff; }
div.bar { background-color: green; }

おそらくそれはあなたの問題を解決することができますか？

于 2009-08-19T13:09:42.083 に答える