帶孩子選擇器的高效CSS，值得嗎？

div > p

更快渲染比

div p

，但在另一方面，它佔據一個或多個字符，所以它增加發送CSS文件的時間。

我知道速度差異很小，但如果您有一個非常大的CSS文件，並且有很多選擇器，它可以開始變得非常重要。

所以，我的問題是：什麼是更好的，失去一些時間呈現，不使用子選擇器或使用子選擇器，並失去一些更多的時間發送CSS文件？

2011-11-17 Aljullu

直到你實際測量它並證明它對用戶是一個明顯的障礙，爲什麼要麻煩？ –

「如果你有一個非常大的CSS文件，並且有很多選擇器，它可以開始變得重要」僅適用於IE瀏覽器。 – BoltClock

如果你擔心字節（我的意思是它們只是幾個**字節**;毫不費力，因爲它聽起來需要**一千個請求**一個額外的字節才能達到一個**千字節**字節），意識到'div> p'也同樣適用。沒有額外的空格字符。 – BoltClock

您應該區分從服務器加載數據並解析HTML + CSS。

在加載時，你的權利（這將是更慢）

但渲染你錯了（它會更快）

附：不要忘記：一旦你有CSS - 它不會再被下載。

2011-11-17 20:01:34

好的。我沒有想過緩存。所以，也許最好使用高效的CSS選擇器，儘管它會降低下載速度。 – Aljullu

Div > p和div p是不一樣的

，如果你有以下結構：

<div> 
    <p id="p1">first p</p> 
    <section> 
    <p id="p2">second p</p> 
    </section> 
</div>

div > p將僅適用於P1，而div p既P1和P2。

選擇器的速度取決於您的html結構。

2011-11-17 20:02:33 Emil

多數民衆贊成**不是**他問什麼 –

但它是非常重要的考慮。如果比較兩個完全不同的東西，那麼僅僅基於性能建立是不公平的。 – BoltClock

這是真的，但在某些情況下，兩者都是一樣的。那麼，你必須使用其中之一。 – Aljullu

回答