css中奇数行 |css改变input type

/*使用nth-child伪类，表示选择某个元素的第n个子元素*/
tr:nth-child(odd) /*选中所有奇数行*/
{
background-color: #ccc;
}
li:nth-child(odd) /*选中所有奇数列表项*/
{
font-weight: bold;
}

在上面的代码中，大家使用了nth-child伪类来选中表格中的奇数行和列表中的奇数项。当然，如果你想选中偶数行或者其他的规律行，只需要将odd替换为even或者其他的规律即可。

除了使用nth-child伪类之外，大家还可以使用nth-of-type伪类来选中奇数行。nth-of-type伪类是专门用来选择某种类型的元素的，比如li、p、span等，而不是像nth-child那样去识别每一个子元素的编号。

/*使用nth-of-type来选中奇数行*/
tr:nth-of-type(odd) /*选中所有奇数行*/
{
background-color: #ccc;
}
li:nth-of-type(odd)/*选中所有奇数列表项*/
{
font-weight: bold;
}

总的来说，使用CSS中的奇数行样式修饰有利于提升用户体验和页面美观度。大家可以根据自己的需要选择使用nth-child或者nth-of-type来实现奇数行样式，从而达到自己想要的效果。