เป็นไปได้ไหมใน SASS ที่จะสืบทอดจากคลาสในไฟล์อื่น

คำถามพูดได้ทั้งหมด

ตัวอย่างเช่นถ้าฉันใช้Twitter Bootstrapฉันสามารถกำหนดคลาสในสไตล์ชีต SASS ของตัวเองที่สืบทอดมาจากคลาส CSS ของ Bootstrap ได้หรือไม่ หรือการสืบทอดใน SASS ทำงานได้ภายในขอบเขตของไฟล์เดียวเท่านั้น?

ใช่! มันเป็นไปได้.

หากคุณต้องการให้<button>องค์ประกอบทั้งหมดสืบทอด.btnคลาสจากปุ่มเริ่มต้นของ Twitter Bootstrap

ในstyles.scssไฟล์ของคุณคุณจะต้องนำเข้าก่อน_bootstrap.scss:

@import "_bootstrap.scss";

จากนั้นด้านล่างการนำเข้า:

button { @extend .btn; }

** ฉันอาจจะเข้าใจผิด แต่ถ้าฉันได้รับสิ่งที่คุณกำลังพยายามทำคุณจะใช้@extend .classname;คำสั่งภายในองค์ประกอบที่คุณต้องการขยายได้หรือไม่? โดยปกติคุณควรแก้ไขโค้ดของคุณเองเพื่อรักษาความสามารถในการอัปเดตเท่านั้น

ตามความรู้ของฉันคุณต้องใช้@importไฟล์ที่มีคลาสที่คุณต้องการใช้ในไฟล์ SASS ของคุณเพื่อใช้ประโยชน์ในไฟล์นั้น อย่างไรก็ตามฉันไม่ใช่ผู้เชี่ยวชาญด้าน SASS / SCSS ดังนั้นอาจมีคนรู้วิธีอื่นในการใช้งานจากระยะไกลโดยที่ฉันไม่ทราบ

เช่นเดียวกับที่คำตอบที่ยอมรับได้แสดงให้เห็นว่าสิ่งนี้เป็นไปได้กับ @import อย่างไรก็ตาม @import ถูกเลิกใช้โดย sass

ทีม Sass ไม่สนับสนุนการใช้กฎ @import ต่อไป Sass จะค่อยๆเผยแพร่ออกไปในอีกไม่กี่ปีข้างหน้าและในที่สุดก็ลบมันออกจากภาษาทั้งหมด ต้องการกฎ @use แทน

กฎ @use เหมาะสำหรับใช้ตอนนี้มากกว่าเนื่องจากไม่ก่อให้เกิดมลพิษต่อขอบเขตของโมดูลการนำเข้า (ผู้ใช้) น่าเสียดายที่ในขณะที่เขียนกฎการใช้งานจะถูกนำมาใช้ใน Dart sass เท่านั้น