更改Bootstrap条纹表中的颜色...但仅在其中一些颜色上

保罗

我想自定义Bootstrap条纹表的颜色...但仅其中一些颜色。换句话说,我不想进行全球性的改变。我只想在网站上的一个特定表格中自定义颜色。遵循以下两个问题:

如何在CSS选择器中组合类和ID?

引导表条纹:如何更改条纹背景色?

我试图将表和CSS定义为:

<table class="table-condensed table-striped" id="info_envio">

#info_envio.table-striped>tr:nth-child(odd){
   background-color:red;
}

但这是行不通的。

我觉得它一定很简单。请给我一点手吗?

施马尔齐

我认为您tbody在选择器和中缺少nth-of-type

#info_envio.table-striped>tbody>tr:nth-of-type(odd){
   background-color:red;
}

较旧版本(低于v3.3.0)的Bootstrap可能会将背景颜色分配给该单元而不是该行,因此,如果上述方法不起作用,请尝试以下操作。

#info_envio.table-striped>tbody>tr:nth-child(odd)>td, 
#info_envio.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: red;
}

从v3.3.0更改日志...

#13920:分配background-color<tr>元素,而不是分配<th>/<td>.table-striped以避免在响应表上破坏背景。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

尝试覆盖LESS中的Bootstrap表条纹颜色不适用吗?

来自分类Dev

尝试覆盖LESS中的Bootstrap表条纹颜色不适用吗?

来自分类Dev

在Javascript中,使内容换行,其中一些换行

来自分类Dev

控制数据表输出中的行条纹颜色

来自分类Dev

更改一些条形颜色

来自分类Dev

在Bootstrap中更改颜色箭头

来自分类Dev

推送并致力于github,但显然只有其中一些更改

来自分类Dev

更改文件名并在其中添加一些行

来自分类Dev

按多个列分组,其中一些具有单个值(在Python中)

来自分类Dev

如何重组其中一些在R中应具有相同值的列

来自分类Dev

当其中一些在pyspark中为null时发现时间戳的差异

来自分类Dev

更改Bootstrap条形表的单行的颜色

来自分类Dev

不要从texbox中删除,仅在c#中向其中添加一些文本

来自分类Dev

连接excel文件中的所有工作表,其中一些具有不同的skiprows标准

来自分类Dev

当其中一些文件包含空格时,如何在一组文件中搜索字符串?

来自分类Dev

更改颜色的textview的一些字符串

来自分类Dev

如何在Bootstrap中更改btn颜色

来自分类Dev

无法在UI Bootstrap中更改警报颜色

来自分类Dev

在Bootstrap中更改Glyphicon的背景颜色

来自分类Dev

为什么活动悬停CSS仅在其中一些列表项上起作用

来自分类Dev

Gradle复制文件并仅扩展其中一些文件和/或忽略其他文件中的美元符号

来自分类Dev

在检查javascript数组中的重复值并忽略其中一些重复值时,我的代码存在问题

来自分类Dev

在包含+或-的表中更改td的颜色

来自分类Dev

根据表中的值更改行颜色

来自分类Dev

如何在bash中写入ssh到不同的机器并创建tmux会话,然后在其中运行一些命令

来自分类Dev

如何在bash中写入ssh到不同的机器并创建tmux会话,然后在其中运行一些命令

来自分类Dev

如何更改PDF中仅一些文本作为背景的背景颜色?

来自分类Dev

我对HTML中的字体颜色有一些疑问

来自分类Dev

应该将所有表都关联到数据库中还是可以保留其中一些表?

Related 相关文章

  1. 1

    尝试覆盖LESS中的Bootstrap表条纹颜色不适用吗?

  2. 2

    尝试覆盖LESS中的Bootstrap表条纹颜色不适用吗?

  3. 3

    在Javascript中,使内容换行,其中一些换行

  4. 4

    控制数据表输出中的行条纹颜色

  5. 5

    更改一些条形颜色

  6. 6

    在Bootstrap中更改颜色箭头

  7. 7

    推送并致力于github,但显然只有其中一些更改

  8. 8

    更改文件名并在其中添加一些行

  9. 9

    按多个列分组,其中一些具有单个值(在Python中)

  10. 10

    如何重组其中一些在R中应具有相同值的列

  11. 11

    当其中一些在pyspark中为null时发现时间戳的差异

  12. 12

    更改Bootstrap条形表的单行的颜色

  13. 13

    不要从texbox中删除,仅在c#中向其中添加一些文本

  14. 14

    连接excel文件中的所有工作表,其中一些具有不同的skiprows标准

  15. 15

    当其中一些文件包含空格时,如何在一组文件中搜索字符串?

  16. 16

    更改颜色的textview的一些字符串

  17. 17

    如何在Bootstrap中更改btn颜色

  18. 18

    无法在UI Bootstrap中更改警报颜色

  19. 19

    在Bootstrap中更改Glyphicon的背景颜色

  20. 20

    为什么活动悬停CSS仅在其中一些列表项上起作用

  21. 21

    Gradle复制文件并仅扩展其中一些文件和/或忽略其他文件中的美元符号

  22. 22

    在检查javascript数组中的重复值并忽略其中一些重复值时,我的代码存在问题

  23. 23

    在包含+或-的表中更改td的颜色

  24. 24

    根据表中的值更改行颜色

  25. 25

    如何在bash中写入ssh到不同的机器并创建tmux会话,然后在其中运行一些命令

  26. 26

    如何在bash中写入ssh到不同的机器并创建tmux会话,然后在其中运行一些命令

  27. 27

    如何更改PDF中仅一些文本作为背景的背景颜色?

  28. 28

    我对HTML中的字体颜色有一些疑问

  29. 29

    应该将所有表都关联到数据库中还是可以保留其中一些表?

热门标签

归档