css冗长的选择器

Question

#out a .in{color:red;}/*样式1*/
.in{color:red;}/*样式2*/

<div id='out'>
    <a href=''><div class='in'>test</div></a>
</div>

样式1的写法是不是比样式2的写法更快找到目标元素？尤其是结构复杂时。

Answer 1

一般建议第二种写法，因为当文档结构越复杂时，第二种写法代码可以提升重复使用率，减少代码量

Answer 2

应该是2的更快，选择器越简单找的越快