19
我認爲這將是更快:CSS:#id .class與.class的性能。哪個更好?
#dialog .videoContainer { width:100px; }
比:
.videoContainer { width:100px; }
當然無論是.videoContainer
在第一個例子是隻有#dialog
標籤下的樣式。
我認爲這將是更快:CSS:#id .class與.class的性能。哪個更好?
#dialog .videoContainer { width:100px; }
比:
.videoContainer { width:100px; }
當然無論是.videoContainer
在第一個例子是隻有#dialog
標籤下的樣式。
CSS選擇器是matched from right to left。
因此,.videoContainer
應該比#dialog .videoContainer
「更快」,因爲它錯過了對#dialog
的測試。
但是,這完全不相關 - 你永遠不會注意到它的不同。對於正常大小的頁面而言,我們談論的時間太短暫了,以至於不存在。
這裏是由專家相關的答案,你應該閱讀:Why do browsers match CSS selectors from right to left?
我覺得你有它向後......我不知道,但。如果'#對話框沒有必要,我不會使用它 –
@Drew - 我假設解析ID的速度最快,然後只能看看#dialog沒有? – Ryan
Google在編寫選擇器方面有一些很好的提示:http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors – Pat