后代选择器或特定类？

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>

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

Answer 1

#title li span应该绝对没问题。我不认为使用课程会对表现产生明显的影响。

Answer 2

后代选择器更通用，因此如果要为<span>内的每个<li>设置样式，请使用它。如果您只想设置一些<span>个元素，请将类应用于它们。没有其他差异。