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的更快，选择器越简单找的越快