>  기사  >  웹 프론트엔드  >  CSS 如何选择指定列的input_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:52:551145검색

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来定
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.