首页 >

css只选择奇数td |css大于某个下标

css030707,tr表单样式css,ios 8.4 css 不兼容,制作网页的css代码,css和js放在哪里,css去掉菜单前面的点,css大于某个下标css只选择奇数td |css大于某个下标
table tr td:nth-child(2n+1){
background-color: #ccc;
}

代码解释:

table:表示选择器作用于表格。

tr:表示选择器作用于表格的行。

td:nth-child(2n+1):表示仅选择奇数位置的单元格。其中2n+1中的2代表每隔一个单元格,1代表第一个单元格。换句话说,该选择器会选择表格中从第一个单元格开始,每隔一个单元格选择一个单元格。如果想选择偶数位置的单元格,只需要将选择器改为td:nth-child(2n)即可。

background-color: #ccc;:表示将选择的单元格背景颜色设置为灰色。

通过使用上述代码,大家可以在CSS中选择只有奇数位置的表格单元格,实现页面样式的个性化定制。


css只选择奇数td |css大于某个下标
  • css并列标签 |js控制css3动画
  • css并列标签 |js控制css3动画 | css并列标签 |js控制css3动画 ...

    css只选择奇数td |css大于某个下标
  • css动画和过渡的区别 |css3动画怎么绑定事件
  • css动画和过渡的区别 |css3动画怎么绑定事件 | css动画和过渡的区别 |css3动画怎么绑定事件 ...

    css只选择奇数td |css大于某个下标
  • css使表格边框不显示 |cssfont使用顺序
  • css使表格边框不显示 |cssfont使用顺序 | css使表格边框不显示 |cssfont使用顺序 ...