CSS選擇器類和元素順序

Question

在具有'testtable'類的HTML表中，選擇該表中的元素與以下兩個css選擇器有什麼區別？

.testtable td{} 

和

td.testtable{} 

Answer 1

.testtable td{}選擇td具有與類testtable母體，例如：

<table class="testtable"> 
    <td>I'm selected</td> 
</table> 

td.testtable{}選擇td具有類testtable，例如：

<table> 
    <td class="testtable">I'm selected</td> 
</table>