后代选择器或特定类？答案

【问题标题】：Descendant selectors or specific classes?后代选择器或特定类？
【发布时间】：2010-01-25 22:16:01
【问题描述】：

假设我有这个标记：

<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 添加自定义类更好？我更喜欢在样式表中使用选择器，这样我就可以避免标记中的额外属性以保持尽可能干净，但我想知道在页面中使用大量这些选择器时是否会出现性能问题，考虑到它们可以甚至被深深地嵌套。

【问题讨论】：

标签： css performance css-selectors

【解决方案1】：

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

【讨论】：

【解决方案2】：

后代选择器更通用，因此如果您想在<li> 中设置每个<span> 的样式，请使用它。如果您只想设置一些<span> 元素的样式，请对它们应用一个类。没有其他区别。

【讨论】：