表布局奇数行和偶数行

罗宾

我有一个表,该表已生成,并在后面的代码中填充了数据。我给它的CSS类测试与cssClass属性。现在我想给奇数行和偶数行提供不同的颜色。但是,当我尝试使用普通的CSS代码时,它不起作用。

这是我的CSS代码:

<style>
.test
   {
    tr:nth-child(even) {background: #CCC}
    tr:nth-child(odd) {background: #FFF}
    }
</style>

这是我添加cssClass的代码背后的代码

tableData.CssClass = "test";
约翰

您正在尝试嵌套CSS规则,仅在less / sass等中可用。

尝试这个:

.test tr:nth-child(even) {
background: #ccc;
}
.test tr:nth-child(odd) {
background: #fff;
}

:nth-​​child()选择器在IE8和更早的版本中受所有主流浏览器支持。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

奇数行和偶数行的偶数和奇数之和

来自分类Dev

检测奇数行和偶数行Python

来自分类Dev

偶数和奇数行的背景颜色不同

来自分类Dev

奇数和偶数行不同的 div 计数?

来自分类Dev

如何从SQL表中选择,以便偶数行和奇数行位于单独的列中?

来自分类Dev

如何在vi中交换奇数行和偶数行?

来自分类Dev

从文件中打印偶数行和奇数行

来自分类Dev

如何为偶数和奇数行设置值?

来自分类Dev

打印奇数行,打印偶数行

来自分类Dev

跳过表格中奇数行和偶数行的某些行-连续的CSS样式

来自分类Dev

动态表上的CSS奇数和偶数

来自分类Dev

如何在pygtk TreeView中的奇数行和偶数行中添加不同的颜色

来自分类Dev

在2D数组中将奇数行和偶数行分组时跳过一列

来自分类Dev

如何交换文本文件中的奇数行和偶数行?

来自分类Dev

ViewHolder扩大偶数和奇数位置的布局

来自分类Dev

如何删除所有表行(从if语句中),不仅在JavaScript中是偶数/奇数

来自分类Dev

如何将样式应用于表中的偶数或奇数行?

来自分类Dev

从C中矩阵的奇数列和偶数行的总和中找到差异

来自分类Dev

使用:not()忽略行并使用nth-of-type奇数和偶数样式

来自分类Dev

SQLite在一个表达式中插入偶数和奇数行

来自分类Dev

Python数据框:从df行中删除奇数位和偶数位的数字?

来自分类Dev

TSQL:在所有行的每一列中查找奇数和偶数

来自分类Dev

从文本文件中删除奇数行或偶数行

来自分类Dev

Vim:如何将偶数行附加到奇数行

来自分类Dev

组织模式表,在当前行上显示不同的背景,或在组织行上交替显示偶数/奇数行

来自分类Dev

奇数和偶数之和

来自分类Dev

奇数和偶数

来自分类Dev

偶数和奇数

来自分类Dev

为数据帧选择多个奇数或偶数列/行

Related 相关文章

  1. 1

    奇数行和偶数行的偶数和奇数之和

  2. 2

    检测奇数行和偶数行Python

  3. 3

    偶数和奇数行的背景颜色不同

  4. 4

    奇数和偶数行不同的 div 计数?

  5. 5

    如何从SQL表中选择,以便偶数行和奇数行位于单独的列中?

  6. 6

    如何在vi中交换奇数行和偶数行?

  7. 7

    从文件中打印偶数行和奇数行

  8. 8

    如何为偶数和奇数行设置值?

  9. 9

    打印奇数行,打印偶数行

  10. 10

    跳过表格中奇数行和偶数行的某些行-连续的CSS样式

  11. 11

    动态表上的CSS奇数和偶数

  12. 12

    如何在pygtk TreeView中的奇数行和偶数行中添加不同的颜色

  13. 13

    在2D数组中将奇数行和偶数行分组时跳过一列

  14. 14

    如何交换文本文件中的奇数行和偶数行?

  15. 15

    ViewHolder扩大偶数和奇数位置的布局

  16. 16

    如何删除所有表行(从if语句中),不仅在JavaScript中是偶数/奇数

  17. 17

    如何将样式应用于表中的偶数或奇数行?

  18. 18

    从C中矩阵的奇数列和偶数行的总和中找到差异

  19. 19

    使用:not()忽略行并使用nth-of-type奇数和偶数样式

  20. 20

    SQLite在一个表达式中插入偶数和奇数行

  21. 21

    Python数据框:从df行中删除奇数位和偶数位的数字?

  22. 22

    TSQL:在所有行的每一列中查找奇数和偶数

  23. 23

    从文本文件中删除奇数行或偶数行

  24. 24

    Vim:如何将偶数行附加到奇数行

  25. 25

    组织模式表,在当前行上显示不同的背景,或在组织行上交替显示偶数/奇数行

  26. 26

    奇数和偶数之和

  27. 27

    奇数和偶数

  28. 28

    偶数和奇数

  29. 29

    为数据帧选择多个奇数或偶数列/行

热门标签

归档