来自PHP代码的CSS不应用怎么办？
来自PHP代码的CSS不应用怎么办？
提问于 2018-08-14 06:10:51
我有一个系统，可以显示员工在公司时钟上的所有记录(每天4次)，这样他就可以知道他什么时候忘记计时或诸如此类的事情了。
我从一个API中获取数据，因为另一家公司处理我们的人力资源，然后我开始使用它，比如用数据制作一个表，在某个时候，我创造了一个条件，如果那天没有结果或者没有时间，我就应该把表行变成红色。
事实证明控制台告诉我有css应用于该行，但它根本没有在浏览器上显示，可能是什么问题？
如你所见，第一行应为红色，与第7行和第9行相同。
当我检查控制台时，一切都很好......
回答 2
Stack Overflow用户
发布于 2018-08-14 14:51:43
我认为问题是css(包括背景和颜色)在<t> <tr>中覆盖。 这就是为什么永远不能应用奇数tr的背景，以及偶数tr的颜色永远不能应用的原因。
所以我建议将内联css添加到<td>而不是<tr>。 或者将！important添加到<tr>的内联css中。
Stack Overflow用户
发布于 2018-08-14 15:17:25
TD元素很可能定义了一个样式，在父元素上覆盖您的tr样式。
表格如下：
table
- tr (your style)
-td (stylesheet style setting background back to white etc..)但是，除了这一点之外，您还应该对行应用一个类。不要使用内联样式。这样可以节省空间，最好集中在一个样式表中编辑CSS样式，而不是隐藏在某个php文档中。
table tr {
height: 30px;
font-size: 20px;
line-height: 30px;
}
table td {
background-color: lightgray;
color: black;
text-align: center;
}
table tr.missingdata td {
background-color: red;
color: white;
}<table>
<tr>
<th>data</th><th>entrada</th>
</tr>
<tr>
<td>1</td><td>10:00</td>
</tr>
<tr class="missingdata">
<td>2</td><td></td>
</tr>
</table>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100002148
复制相关文章
相似问题