Javascript 在桌面上创建斑马条纹效果
我试图通过使用以下代码将斑马线添加到表中，但它不起作用。使用inspect元素时，表的边框不起作用。也看不到桌子上的斑马效果Javascript 在桌面上创建斑马条纹效果,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图通过使用以下代码将斑马线添加到表中，但它不起作用。使用inspect元素时，表的边框不起作用。也看不到桌子上的斑马效果 <body> <div class="table_style"> <table border="true"> <tr> <th>Student Name</th> <th>Mar
<body>
<div class="table_style">
<table border="true">
<tr>
<th>Student Name</th>
<th>Marks in Science</th>
</tr>
<tr>
<td>Janet</td>
<td>85.00</td>
</tr>
<tr>
<td>David</td>
<td>92.00</td>
</tr>
<tr>
<td>Arthur</td>
<td>79.00</td>
</tr>
<tr>
<td>Bill</td>
<td>82.00</td>
</tr>
</table>
</div>
</body>
$（文档）.ready（函数（）{
$（“tr:odd”）.addClass（“斑马”）；
$（“tr:偶数”）.addClass（“斑马1”）；
});
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
纯css可以做到这一点。。。。不需要Javascript您可以使用第n个子项（偶数）而不是使用jQuery 此外，你的十六进制值是无效的，这就是为什么他没有应用颜色 为什么它们是无效的？因为上面有一个
S01，23456789ABCDEF表tr:n个子项（奇数）{
背景色：红色；
}
表tr：第n个子项（偶数）{
背景颜色：蓝色；
}
表tr：第一个孩子{
背景色：透明；/*标题*/
}
学名
科学成绩
珍妮特
85
大卫
92
亚瑟
79
比尔
82
S01，23456789ABCDEF表tr:n个子项（奇数）{
背景色：红色；
}
表tr：第n个子项（偶数）{
背景颜色：蓝色；
}
表tr：第一个孩子{
背景色：透明；/*标题*/
}
学名
科学成绩
珍妮特
85
大卫
92
亚瑟
79
比尔
82
- 它将不起作用，因为您在rgb中使用了“S”
- RGB的范围仅为A到F和0到9
- 只需更改班斑马和斑马1的背景色
.table\u样式{
宽度：500px；
保证金：0px自动；
}
桌子{
宽度：100%；
边界塌陷：塌陷；
}
表tr td{
宽度：50%；
边框：1px实心#D0F3A9；
填充物：5px；
}
表tr-th{
边框：1px实心#D0F3A9；
填充物：5px；
}
.斑马{
/*背景色：#D0F3A9*/
背景颜色：蓝色；
}
.斑马1{
/*背景色：#D0ffA9*/
背景颜色：绿色；
}- 它将不起作用，因为您在rgb中使用了“S”
- RGB的范围仅为A到F和0到9
- 只需更改班斑马和斑马1的背景色
.table\u样式{
宽度：500px；
保证金：0px自动；
}
桌子{
宽度：100%；
边界塌陷：塌陷；
}
表tr td{
宽度：50%；
边框：1px实心#D0F3A9；
填充物：5px；
}
表tr-th{
边框：1px实心#D0F3A9；
填充物：5px；
}
.斑马{
/*背景色：#D0F3A9*/
背景颜色：蓝色；
}
.斑马1{
/*背景色：#D0ffA9*/
背景颜色：绿色；
}