ประสิทธิภาพของ selectors
Steve Souders ได้เรียงประสิทธิภาพของ selectors ในแบบต่างๆ เอาไว้ดังนี้
- ID – #header
- Class – .post
- Tag – div
- Sibling – h1 + p, h1 ~ p
- Child – ul > li
- Descendant – ul li
- Universal – *
- Attribute – [type="text"]
- Pseudo-classes, Pseudo-elements – a:hover, p::first-letter
ส่วน เขียน CSS Selectors อย่างไรให้มีประสิทธิภาพ ? นั้น www.siamhtml.com เขียนอธิบายไว้ดีมาก ลองตามไปอ่านดูนะครับ