行にCSSクラスを与えたいと思います。 と私は最初の列を黒とし、2番目の列を赤にしたいと思います。 テーブル全体ではなく、行固有のアクションであるため、colgroupを使用する必要はありません。おかげさまで 行の最初の列を黒と二番目の列を赤にする方法
7
A
答えて
7
あなたは使用することができますCSS3で
td { color: black; }
td:nth-child(2) { color: red; }
+0
CSS3がないとブラウザのサポートが改善されません。 – Smamatti
1
1
はあなたが:nth-child()
擬似クラスを使用することができます。
8
これはCSS3なしでも可能です!
サンプル
http://jsfiddle.net/Q3yu5/1/
CSS
tr.special_row td {
background-color: #000;
}
tr.special_row td + td {
background-color: #f00;
}
tr.special_row td+td+td {
background-color: #fff;
}
HTML
<table>
<tr class="special_row">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
1
...これは、テーブル全体ではなく、行に固有のアクションです。
そして、任意の行のあなたの第一および第二の列に異なるスタイルを適用することは有用である可能性:
<style type="text/css">
td.first
{
background-color: black;
color: white;
}
td.second
{
background-color: red;
color: white;
}
</style>
<table>
<tr>
<td class="first">1st row, 1st column</td>
<td class="second">1st row, 2nd column</td>
</tr>
<tr>
<td>2nd row, 1st column</td>
<td>2nd row, 2nd column</td>
</tr>
</table>
+0
+1おっと。あなたが正しいです! - > 'テーブル全体を有効にするべきではない' – Smamatti
関連する問題
- 1. 2列、親の最初の上と2番目の列
- 2. R最初の値と2番目の値の行にデータ列を取得する方法
- 3. 整列のdivインライン最初div.Iに第二のdivをインラインにする方法
- 4. jQuery DataTables 2行目:最初の行の列名とソート、2番目の行のフィルタリング
- 5. 最初の列の幅をグリッドの幅とxamlの2番目の列を等しく設定する
- 6. 2つの配列をマージして、最初の配列を2番目のものに上書きする
- 7. CSSだけでウェブページの一番上の行と最初の列を修正する方法
- 8. 2番目のテキストボックスに最初のテキストボックスのテキストを表示する方法は?
- 9. n番目の最大のデータフレーム内の行の値と関連する列名
- 10. 1列目のコンテンツの最初のレイアウトを作成する方法
- 11. php - 最初の配列の少なくとも1つの要素が2番目の配列に存在するかどうかを確認する方法
- 12. フラグメントトランスクリシエーション中に最初のフラグメントで2番目のフラグメントオーバーラップを作成する方法
- 13. 最初のアクティビティに2番目のアクティビティインテントを受信する方法
- 14. SQLを使用してテーブルの最初の列と最初の行を検索する方法
- 15. .batの使用 - 最初の.csv内の特定の最初の列データから2番目の.csvを作成
- 16. 配列の1番目と2番目の要素を取得
- 17. 最初のイベントを無視して2番目にスキップする方法は?
- 18. 最初の2列を座標に、3列目を値として
- 19. TWIG配列から最初の項目を取得する方法
- 20. SQL最初の列のINを使用して2番目の列を返します。
- 21. 列内の2番目の値を見つける方法
- 22. 移動項目が最初の配列
- 23. Java:文字列から各n番目の行を取得する方法
- 24. MVCの最初のdropdownlistforの値に基づいて2番目と3番目のドロップダウンリストを有効にする
- 25. DataGrid列の最初の行にボタンを追加する方法は?
- 26. シリアル番号をGridViewの最初の列として追加するには
- 27. 赤 - 赤 - 黒の木に特定の黒い高さを持つノードの数
- 28. 配列1の最初の要素、配列2の最初の要素、配列1の2番目の要素、配列2の2番目の要素などからPython配列を作成
- 29. 最初のdropdownchoiceで値を選択すると、2番目のdropdownchoiceに値を追加する方法は?
- 30. 二つの異なるタイプ最初の配列
あなただけの各セルにCSSを持つクラスとスタイルを与えることはできませんか? – AlexKempton