FAQ：複数の項目に同じスタイルを適用したい
## 回答
「[フィールドCSS](/manual/table-management-extended-field-css)」「[コントロールCSS](/manual/table-management-extended-control-css)」機能を使用してください。
---
## 概要
複数の項目に同じスタイルを適用する際、それぞれの項目のセレクタに対して個別にCSSを適用することもできますが、「[フィールドCSS](/manual/table-management-extended-field-css)」「[コントロールCSS](/manual/table-management-extended-control-css)」機能を用いると一つのclassセレクタで同内容を設定できます。
## 操作方法
以下は編集画面にて分類A、数値A、日付A項目の背景色を黄色に変更する設定方法です。
1. 対象のテーブルを開きます。
1. 管理→テーブルの管理をクリックします。
1. エディタタブを選択します。
1. 現在の設定から分類A項目を選択し、詳細設定ボタンをクリックします。
1. 「[フィールドCSS](/manual/table-management-extended-field-css)」、「[コントロールCSS](/manual/table-management-extended-control-css)」へ任意の名前を入力します。
※今回は例として「color-yellow」と入力します。
1. 4と5の操作を数値A, 日付A項目にも行います。
1. 「[スタイル](/manual/table-management-style)」タブを開きます。
1. 新規作成ボタンをクリックし、ダイアログを表示します。
1. タイトルに「分類A, 数値A, 日付A項目の背景色を黄色にする」等の任意のタイトルを入力します。
1. スタイル欄に以下のスタイルを入力します。
##### CSS
```
.color-yellow input{
background-color:yellow;
}
```
11. 出力先の「全て」のチェックを外し、「編集」のみにチェックを入れます。
12. ダイアログの変更ボタンをクリックします。
13. 画面下部の更新ボタンをクリックします。
14. 対象テーブルの編集画面などを確認し、分類A, 数値A, 日付Aの項目背景が黄色になっていることを確認します。
※5にて、複数のクラスを設定したい場合は半角スペースで区切って入力してください。
（例）
「color-yellow textcolor-red」
## 関連情報
<div id="ManualList"><ul><li><a href="/manual/table-management-extended-field-css">テーブルの管理：エディタ：項目の詳細設定：フィールドCSS</a><span>2024/04/09 up</span></li>
<li><a href="/manual/table-management-extended-control-css">テーブルの管理：エディタ：項目の詳細設定：コントロールCSS</a><span>2024/04/09 up</span></li></ul></article>
<ul><li><a href="/manual/table-management-style">テーブルの管理：スタイル</a><span>2023/05/18 up</span></li></ul></article>
<ul><li><a href="/manual/style">開発者向け機能：スタイル</a><span>2023/05/18 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
