loading...
کمیته علمی کامپیوتر و فناوری اطلاعات آموزشکده فنی ابن حسام
ابن حسام بازدید : 259 چهارشنبه 16 مرداد 1398 نظرات (0)

CSS استاندارد از تودرتوسازی پشتیبانی نمی‌کند. ما نمی‌توانیم یک کلاس را درون کلاس دیگر بنویسیم. همان طور که پروژه بزرگ‌تر می‌شود، این امر موجب مشکل خوانایی می‌شود و ساختار چندان جالب به نظر نمی‌رسد.

برای نمونه، تصور کنید یک منوی ناوبری با لینک‌های قابل کلیک در HTML به صورت زیر تعریف می‌کنیم:

HTML از کد تو در تو پشتیبانی می‌کند. با این وجود بدون تو در تو سازی در CSS مانند زیر به نظر می‌رسد:

پیش پردازشگر

ما باید nav را برای همه تگ‌ها و حتی شبه کلاس anchor بنویسیم، چون nav تگ والد همه موارد است. با این وجود Sass از تودرتوسازی نیز پشتیبانی می‌کند:

پیش پردازشگر

در این حالت می‌توانیم کد با ساختار بهتری مانند HTML داشته باشیم. لازم نیست که کلاس after را برای کلاس nav بنویسیم که از افزونگی نیز جلوگیری می‌کند.

نکته مهم: تودرتوسازی کلاس‌ها با عمق بیش از 3 لایه توصیه نمی‌شود.

ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 287
  • کل نظرات : 0
  • افراد آنلاین : 5
  • تعداد اعضا : 0
  • آی پی امروز : 17
  • آی پی دیروز : 152
  • بازدید امروز : 33
  • باردید دیروز : 192
  • گوگل امروز : 0
  • گوگل دیروز : 13
  • بازدید هفته : 304
  • بازدید ماه : 422
  • بازدید سال : 5,847
  • بازدید کلی : 119,996