ประสิทธิภาพของ 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 เขียนอธิบายไว้ดีมาก ลองตามไปอ่านดูนะครับ
Relate topics
- (กำลังศึกษา) dark mode
- ฝัง Web Font ไปกับไฟล์ CSS - ไม่ได้ตายนะ
- BEM เขียน CSS ให้อ่านง่าย
- 30 CSS Selectors ที่คุณต้องจำ
- Pinterest ทำให้ box มันไหลไปได้เรื่อย ๆ
- The Shapes of CSS ทำได้ขนาดนี้เชียว
- CSS Compatibility and Internet Explorer problem
- การควบคุม table cellspacing ด้วย CSS
- CSS Properties Index