css - 后代选择器或特定类？

Question

假设我有这个标记:

<div id="#titles">
<p>Intro text <span>text text</span> text text</p>
<ul>
<li>text text text</li>
<li>text <span>other text</span> text text more text</li>
<li>text text text</li>
</ul>
</div>

我想设置 li 内的 span 的样式是使用后代选择器 #titles li span 还是添加我要处理的 span 的自定义类？我更喜欢在样式表中使用选择器，这样我就可以避免在标记中使用额外的属性，以尽可能保持干净，但我想知道在页面中使用大量这些选择器时是否会出现性能问题，考虑到它们可能甚至是深层嵌套。

Answer 1

#title li span 应该绝对没问题。我认为使用类不会对性能产生显着影响。