引用bootstrap前端框架的table样式类class="table-striped"后,如何点击tr改变背景色?

引用bootstrap前端框架的table样式类class="table-striped"后,如何点击tr改变其背景色?

我们自己写的js代码,只能改变tr:even的背景色,却无法改变tr:odd的背景色!

我改怎么办呢?

解决方案如下:

一、常规的HMTL

HTML:











二、无语的JS

JS:


三、蛋疼又好用的Bootstrap

CSS:

.table-striped tbody tr.clickTr:nth-child(odd) td {
  background-color: red;
}
.clickTr{
background: red;
}

就这样了亲!

引用bootstrap前端框架的table样式类class=

你可能感兴趣的:(java,web)

序号 项目名称 项目状态
1 项目1 项目状态1
1 项目1 项目状态1