                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

怎么改变表格斑马线的颜色

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<style>

.table-striped > tbody > tr:nth-of-type(odd) {

background:red;

}

</style>

我在加载bootstrap样式下面加了样式如上，希望能覆盖掉原来的样式颜色，但是没有效果，但是里面的值是even的话就可以有效果。

超级慕粉

2016-07-21

源自：玩转Bootstrap（基础） 2-17

关注问题我要回答

3961

操作

收起

6 回答

悬崖冰婷回答被采纳 +3 积分
2016-07-21

他改变的不是tr的背景色，而是td的背景色，你后边在加>td,就应该是你想要的效果了

0 回复有任何疑惑可以回复我~

#1

超级慕粉提问者

非常感谢！

2017-03-22 回复有任何疑惑可以回复我~

#2

陈水回复超级慕粉提问者

我试了一下怎么不行

2017-04-11 回复有任何疑惑可以回复我~

HWGCX
2017-06-20

:host /deep/.table-striped > tbody > tr:nth-of-type(odd){
background:#f9fcfe;
}

自己的css中，这样覆盖就行了

0 回复有任何疑惑可以回复我~

慕粉18144024425
2017-02-13

<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

换这个

0 回复有任何疑惑可以回复我~

烂笔头
2016-08-16

就是加td

0 回复有任何疑惑可以回复我~

ArkPHP
2016-07-21

是不是浏览器兼容性问题，我这里都没问题

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314530 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

5 回答如何改变斑马线颜色

3 回答斑马线表格

4 回答基础表格、斑马线表格、紧凑型表格有哪些区别

2 回答改变他的颜色或背景颜色

3 回答怎么处理斑马兼容ie8问题呢

搜索更多本课相关问答

怎么改变表格斑马线的颜色

我要回答关注问题

意见反馈帮助中心 APP下载