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中做..這是沒有成品。我只是想知道爲什麼最後一個孩子不工作。

來源

2014-09-23 Anders Holm

是整個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

來源

2014-09-23 11:58:07 Danield

tr：最後一個孩子沒有工作

回答

相關問題