ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 指定列のinput_html/css_WEB-ITnoseの選択方法

CSS 指定列のinput_html/css_WEB-ITnoseの選択方法

WBOY
リリース: 2016-06-24 11:52:55
オリジナル
1167 人が閲覧しました

テーブルには 20 行、各行には 10 列があり、各列に入力のスタイルを設定したいのですが、それを 1 つずつ設定するのは面倒で、コードが肥大化します。

直接選択する方法は、どの列を入力してスタイルを設定します。例:

次のように指定します: 列 1、2、3、5、および 9 は 1 つのスタイルであり、列 4、6、7、8、および 10 は別のスタイルです。


ディスカッションへの返信 (解決策)

table tr td: nth-child(5) input{background:#0f0;}

slwsss ありがとうございます。もう一度質問してください。#table1 tr td{ height: 20}、テーブルの TD の高さを設定します。


テーブルの最初の行の高さをリセットするには? thead td で設定しても、常に 20 になっているようです。

ありがとう、slwsss、もう一度質問させてください。 #table1 tr td{ height:20} を使用してテーブルの TD の高さを設定しました。


テーブルの最初の行の高さをリセットするには? thead td で設定しても、常に 20 になっているようです。

#table1 tr:first-child td{height:10px;}
最初の行にクラスを追加し、class を使用してそれを決定します
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート