Last Updated: February 25, 2016
·
1.127K
· simek

CSS Selectors Speed

#css
#performance
  1. ID ( #top )
  2. Class ( .container )
  3. Node/Element Type ( div )
  4. Sibling ( p + img )
  5. Child ( ul > li )
  6. Descendant ( p strong )
  7. Universal ( * )
  8. By Attribute ( [type="text"] )
  9. Pseudo Elements/Classes ( a:hover )
#css
#performance

Written by Simek

Say Thanks
Respond

Related protips

DO NOT $('#foo a'); DO $('#foo').find('a');

15.62K
35

Improve scroll performance of Chrome when using background-size: cover;

15.26K
5

How to not trigger browser repaint when opacity changes

8.616K
3

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Css Authors
oldboy
565.6K
#css
#jQuery
#CSS 3
iatek
499.2K
#css
#Javascript
#Node.js
praveenvijayan
448K
#css
#Javascript
#Python
elad2412
410.1K
#css
#cross browser compatibility
#photoshop
projectcleverweb
304.7K
#css
#javascript
#Python
Related Tags
#css
#performance
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
Accelerate Your Web Development Skills
Awesome Job
See All Jobs
Post a job for only $299
Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#