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>