ここから本文です

htmlでtableの幅を指定したい。 ページ内には複数のtableがあり、いずれも横2列で...

ko_********さん

2018/6/3004:39:00

htmlでtableの幅を指定したい。
ページ内には複数のtableがあり、いずれも横2列である。
ページ内の全てのtableについて、1列目を幅100px、2列目を幅150pxにしたい。

これは例えば、各tableの先頭にいちいちwidth="100"などと記述すれば実現できるが、cssなどでまとめて指定することはできるか? 可能ならばどのように指定すればよいか?

閲覧数:
16
回答数:
1

違反報告

ベストアンサーに選ばれた回答

lon********さん

2018/6/3005:03:17

/* 1列目 */
table th:first-child, table td:first-child {
width: 100px;
}

/* 2列目 */
table th, table td {
width: 150px;
}

のようにスタイルシートで指定すればよいと思います。

実際に適用したものは以下で確認できます。
背景色(background-color)はセル(td)の範囲がわかりやすくなるように
指定しているものなので、実際には必要ありません。念の為。
http://jsfiddle.net/gh7z4ma2/8/

質問した人からのコメント

2018/6/30 05:15:49

first-childというものがあるのですね。勉強になりました。
素早い回答ありがとうございます。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる