HTML – 样式没有被覆盖

概述这是我的CSS样式表的一部分： table tr td { border-width: 1px; border-style: solid; border-color: black; border-collapse: collapse; overflow: wrap; background-color: #CCFFFF; text-align: 这是我的CSS样式表的一部分：

table tr td {    border-wIDth: 1px;    border-style: solID;    border-color: black;    border-collapse: collapse;    overflow: wrap;    background-color: #CCFFFF;    text-align: center;}table {    wIDth: 75%;}tr {    maximum-wIDth: 200px;}tr.RedThreshold {    background-color: red;}tr.YellowThreshold {    background-color: yellow !important;    Font-weight: bold;}

它在我的HTML中设置了这个YellowThreshold元素的样式：

<tr >    <td>vrd70</td>    <td>29</td>    <td>0x127c</td>    <td>4.86</td>    <td>4.54</td>    <td>6.06</td></tr>

最终结果从YellowThreshold中获取粗体,但它没有拾取黄色背景颜色.我只用color和Background-color尝试过,但没有变化.有一些优先问题,我没有过去.有什么建议？

解决方法 background-color应用于表行,但表tr td选择器中td的显式目标优先.

更改：

tr.RedThreshold {    background-color: red;}tr.YellowThreshold {    background-color: yellow !important;        Font-weight:bold;}

至：

tr.RedThreshold td {    background-color: red;}tr.YellowThreshold td {    background-color: yellow !important;        Font-weight:bold;}

@adrift正确引用CSS 2.1规范和堆栈上下文作为OP问题的根本原因.

总结

以上是内存溢出为你收集整理的HTML – 样式没有被覆盖全部内容，希望文章能够帮你解决HTML – 样式没有被覆盖所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。