CSS選擇器選擇在其行中沒有「隱藏」類的最後一個TD

我有一個TD行的表格行，每個TD元素都有'm-rowcell'類，有些單元格使用'm-hide'類。CSS選擇器選擇在其行中沒有「隱藏」類的最後一個TD

我需要選擇最後的TD元素，它沒有'm-hide'類，只使用CSS。

.m-hide { 
 
    display: none; 
 
} 
 
.m-rowcell { 
 
    border: 1px solid; 
 
} 
 
tr td:last-child { /*visible last child*/ 
 
    background: #FFAA33; 
 
}

<table style="width:100%;"> 
 
    <tr class="m-row"> 
 
    <td class="m-rowcell">Header 1</td> 
 
    <td class="m-rowcell">Header 2</td> 
 
    <td class="m-rowcell m-hide">Header 3</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="m-rowcell">content 1</td> 
 
    <td class="m-rowcell">content 2</td> 
 
    <td class="m-rowcell m-hide">content 3</td> 
 
    </tr> 
 
    <tr class="m-row"> 
 
    <td class="m-rowcell">content 1</td> 
 
    <td class="m-rowcell">content 2</td> 
 
    <td class="m-rowcell m-hide">content 3</td> 
 
    </tr> 
 
    <tr class="m-row"> 
 
    <td class="m-rowcell">content 1</td> 
 
    <td class="m-rowcell">content 2</td> 
 
    <td class="m-rowcell m-hide">content 3</td> 
 
    </tr> 
 
</table>

如何做到這一點？

JSfiddle Demo

來源

2015-11-12 mani

如果你問我們，如果你可以從最後的TD元素中刪除類隱藏，那麼你不能，你可以用JQuery或Javascript做到這一點。如果這不是你問的問題，請你澄清一下你的問題 – RDAxRoadkill

編輯完成後問題重新措辭

你不能做到這一點，只有CSS。 CSS可以到達它的父類型的最後一個元素，它的類型的最後一個元素，但不能返回到其先前的同級而不影響所有其他元素。你可以通過在javascript/jquery中循環，或者只是添加一個特定的類到那些你想要選擇的td來實現。

來源

2015-11-12 13:04:40 Iecya

CSS選擇器選擇在其行中沒有「隱藏」類的最後一個TD

回答

相關問題