tr：最后一个孩子没有工作

问题描述：

可能是一些愚蠢的原因，它不工作，但我倾向于搞砸了一点点的CSS。所以也许它会适用于其他人。 CSS：tr：最后一个孩子没有工作

.bet_history table { 
    width: 1000px; 
    display: block; 
    border-collapse: collapse; 
} 
.bet_history td { 
    padding: 0; 
    font-size: 13px; 
    text-align: center; 
    padding-top: 1px; 
    padding-bottom: 1px; 
    background: #0361ba; 
    color: #BDD6CE; 
} 
.bet_history tr { 
    border-bottom: 1px solid black; 
} 
.bet_history tr:last-child { 
    background: red; 
} 
.bet_history td.bet_history2 { 
    color: #F0F0F0; 
    width: 650px; 
} 
.bet_history td.bet_history1 { 
    background-color: #0354a1; 
    color: white; 
    width: 100px; 
    cursor: pointer; 
    -o-transition:.5s; 
    -ms-transition:.5s; 
    -moz-transition:.5s; 
    -webkit-transition:.5s; 
    transition:.5s; 
} 
.bet_history td.bet_history1:hover { 
    color: #3399FF; 
}

这里是HTML：编辑！

<div id="main"> 

admin1<br /> 


<table class="bet_history"> 

<tr><td style="width: 250px;">Bet ID: #6. 09-22-2014 16:08</td><td class="bet_history1">Match ID #6</td><td class="bet_history2"><span style="color: #00FFFF;">10000</span> minerals on Cure(2.00). Your bet returned <span style="color: #00FFFF;">0</span> minerals. Better luck next time!</td></tr><tr><td style="width: 250px;">Bet ID: #5. 09-22-2014 16:06</td><td class="bet_history1">Match ID #4</td><td class="bet_history2"><span style="color: #00FFFF;">2222</span> minerals on Snute(2.30). Your bet returned <span style="color: #00FFFF;">5110.6</span> minerals. Congratulations!</td></tr><tr><td style="width: 250px;">Bet ID: #4. 09-22-2014 15:58</td><td class="bet_history1">Match ID #4</td><td class="bet_history2"><span style="color: #00FFFF;">2222</span> minerals on Snute(2.30). Your bet returned <span style="color: #00FFFF;">5110.6</span> minerals. Congratulations!</td></tr><tr><td style="width: 250px;">Bet ID: #3. 09-22-2014 15:25</td><td class="bet_history1">Match ID #5</td><td class="bet_history2"><span style="color: #00FFFF;">600</span> minerals on Lars(4.00). Your bet returned <span style="color: #00FFFF;">2400</span> minerals. Congratulations!</td></tr><tr><td style="width: 250px;">Bet ID: #2. 09-22-2014 12:03</td><td class="bet_history1">Match ID #3</td><td class="bet_history2"><span style="color: #00FFFF;">64</span> minerals on naniwa(9.00). Your bet returned <span style="color: #00FFFF;">576</span> minerals. Congratulations!</td></tr><tr><td style="width: 250px;">Bet ID: #1. 09-20-2014 16:00</td><td class="bet_history1">Match ID #1</td><td class="bet_history2"><span style="color: #00FFFF;">20</span> minerals on Snute(2.20). Your bet returned <span style="color: #00FFFF;">44</span> minerals. Congratulations!</td></tr> 
</table> 
</div>

为什么最后一个孩子不适用于最后一个tr？它会，如果我把它设置为td。林肯定它的一些愚蠢的事情，我在CSS中做..这是没有成品。我只是想知道为什么最后一个孩子不工作。

是整个HTML的，或者是有应该是一个'最后的''？不关闭你的桌子可能是问题。 – ljgw 2014-09-23 11:36:06

我正在关闭桌子。回声在一个while循环中，mysqli_fetch_array。 – 2014-09-23 11:38:01

也许你可以发布生成的html（包括close-table-tag）而不是php。例如，如果在当前给定的代码之后还有另一个元素：最后一个孩子可能失败的另一个原因是“

”不是其父元素中的最后一个元素。 – ljgw 2014-09-23 11:42:29

回答

由于@Vucko在评论中提到tr:last-child样式已应用，但该行中的td将覆盖该样式。

如果你想把所有的TD的最后一排是红色的编辑你的类：

.bet_history tr:last-child td { 
    background: red; 
}

FIDDLE

相关问题

1. jQuery .remove（）和最后一个孩子没有按预期工作
2. 多个最后一个孩子没有按预期工作。为什么？
3. 最后一个孩子/第一个孩子是如何工作的？
4. 双最后孩子电话，一个工作，另一个不
5. JavaScript删除最后一个孩子在动态生成tr td
6. ：最后一个小孩不工作
7. 最后一个孩子
8. CSS：最后一个孩子
9. css最后一个孩子匹配所有的孩子
10. 伪选择器：最后一个孩子不工作
11. 最后一个孩子不能在我的blockquote中工作
12. 最后一个孩子无法工作的边界。为什么？
13. ：最后一个孩子不能在嵌套divs工作
14. jQuery：最后一个孩子在IE8中不工作
15. jQuery和最后一个孩子在IE8中工作不正常
16. ：第一个孩子和：最后一个孩子同时
17. css，选择第一个孩子和最后一个孩子
18. React Native - CSS：没有边界的最后一个孩子？
19. iPhone Safari：最后一个孩子没有在表格中渲染
20. CSS3：覆盖后：最后一个孩子
21. 最后一个孩子（）和：在IE浏览器不工作后8个
22. 类型的最后一个/类的最后一个孩子？
23. CSS的第一个孩子没有工作
24. 第一个孩子没有在css中工作
25. 删除孩子没有工作
26. 隐藏最后一个孩子，如果有3个以上的孩子
27. viewStack.addChild添加多个孩子，只有最后一个孩子可见！
28. 选择最后一个孩子
29. CSS最后一个孩子（-1）
30. ：最后一个孩子不被识别

由于@Vucko在评论中提到tr:last-child样式已应用，但该行中的td将覆盖该样式。

如果你想把所有的TD的最后一排是红色的编辑你的类：

.bet_history tr:last-child td { 
    background: red; 
}

FIDDLE

答

由于@Vucko在评论中提到tr:last-child样式已应用，但该行中的td将覆盖该样式。

如果你想把所有的TD的最后一排是红色的编辑你的类：

.bet_history tr:last-child td { 
    background: red; 
}

FIDDLE

tr：最后一个孩子没有工作

回答

相关问题

相关推荐