javascript - 如何在从数据库检索到的 html 中显示不同的颜色?

标签 javascript php html css

我在 mysql 数据库中有 15 行或更多行。我想检索它们并以 2 种不同的颜色显示。

对于第一行 <tr><td height="30" bgcolor="#F5F5F5">....</td></tr>
对于第二行 <td height="30" align="center" bgcolor="#FFFFFF">....</td></tr>
对于第三行 <td height="30" bgcolor="#F5F5F5">....</td></tr>
对于第四行 <td height="30" align="center" bgcolor="#FFFFFF">....</td></tr>
等等....

如何使用php按这样的顺序显示它们

最佳答案

您可以使用 CSS 选择器:

tr:nth-child(even) {
    background: #F5F5F5;
}
tr:nth-child(odd) {
    background: #FFF;
}

样本: http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_nth-child_odd_even

关于javascript - 如何在从数据库检索到的 html 中显示不同的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36029660/

相关文章:

php - cURL 返回 302,而浏览器返回 200

html - 站点 URL 更改后 CSS 未加载

javascript - 如何使用jquery更改数据属性的子元素

javascript - 从 Web API 加载数据后如何将文件管理器添加到页面?

javascript - Chart.js 更新条形图的条形

php - 如何动态编译和执行代码?

php - 第二个 MySQL 查询不起作用

javascript - jQuery 选择具有公共(public)关键字的数据属性

javascript - 具有隔离范围 : How to set ngModel to the correct scope? 的指令中的表单输入

javascript - 使用 REDUX 将初始状态设置为来自 API 的响应