Heim > Web-Frontend > HTML-Tutorial > CSS 如何选择指定列的input_html/css_WEB-ITnose

CSS 如何选择指定列的input_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-06-24 11:52:55
Original
1189 Leute haben es durchsucht

table有20行,每行10列,每列中都有input,我想对不同列的input设置样式,一个一个设置太麻烦,而且代码臃肿。

怎样直接选择,第几列 input并设置样式。如:

指定:1,2,3,5,9列是一个样式,4,6,7,8,10是另外一个样式。


回复讨论(解决方案)

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

谢谢slwsss,再问下,我用  #table1 tr td{ height:20},给table的TD设定了一个高度。

怎么再给table的第一行的高度重新设定一个高度,用thead  td 设定都好像没用,一直都是20。

谢谢slwsss,再问下,我用  #table1 tr td{ height:20},给table的TD设定了一个高度。

怎么再给table的第一行的高度重新设定一个高度,用thead  td 设定都好像没用,一直都是20。


#table1 tr:first-child td{height:10px;}
第一行加个class用class来定
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage