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>