浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

【css】テーブルのtdにプロパティを追加するときに気を付ける事

例えば、テーブルのtdタグで囲んだボタンが一つあるとします。

<td className="buttons">
  <Button onClick={() => click()}></Button>
</td>

このボタンにwidthをつけて横幅を設定をしようと以下のようにプロパティを追加

したのですが、これでは反映されませんでした。

#sample-page table td buttons {
  width: 38px;
}

tdタグの中にあるボタンのプロパティを変えたい場合はtdを含めず、tableを指定して

その直ぐ直下に.buttonsをつければ簡単に変えることができます。

#sample-page table .buttons {
  width: 38px;
}

tdを含める必要があるのは、td ons-inputやtd ons-buttonなどといったそのタグ全般を指すセレクタです。

なので一部品である.buttonにtdを追加しても見向きもされないということです。

  • この記事いいね! (0)