CSS：#id .class與.class的性能。哪個更好？

Question

我認爲這將是更快：

#dialog .videoContainer { width:100px; } 

比：

.videoContainer { width:100px; } 

當然無論是.videoContainer在第一個例子是隻有#dialog標籤下的樣式。

Answer 1

CSS選擇器是matched from right to left。

因此，.videoContainer應該比#dialog .videoContainer「更快」，因爲它錯過了對#dialog的測試。

但是，這完全不相關 - 你永遠不會注意到它的不同。對於正常大小的頁面而言，我們談論的時間太短暫了，以至於不存在。

這裏是由專家相關的答案，你應該閱讀：Why do browsers match CSS selectors from right to left?