後裔選擇器或特定類？

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

後代選擇器更通用，所以如果你想在<li>內使用它，每個<span>的樣式。如果你只想對一些<span>元素進行設計，那麼向他們應用一個類。沒有其他差異。