1
CSS แบบมีเงื่อนไขตามคลาสตัวแก้ไขภายนอก - แนวปฏิบัติที่ดี?
บทนำ / พื้นหลัง: องค์ประกอบ CSS สำหรับเว็บไซต์ที่มีขนาดค่อนข้างใหญ่เรากำลังทำงานกับ SASS และพยายามจัดการ CSS ในส่วนประกอบ แนวคิดพื้นฐานของส่วนประกอบคือส่วนประกอบควรมีลักษณะเหมือนกันทุกที่โดยไม่ขึ้นกับองค์ประกอบคอนเทนเนอร์ใน DOM ดังนั้นเราต้องการหลีกเลี่ยงสิ่งเช่นนี้ (SASS): // User picture component. .user-picture { img {..} } // Override user picture for the frontpage. body.page-front .user-picture img {..} แต่ถ้าเราต้องการให้ภาพผู้ใช้ดูแตกต่างจากหน้าแรกมันจะต้องเป็นองค์ประกอบที่แตกต่างกัน เช่นกับมรดก SASS หรือด้วย mixin: // User picture component. .user-picture { img {..} } // User …