دوره جامع و پروژه‌محور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژه‌های حرفه‌ای مثل دیجی‌کالا و شمرون کباب مهارتت رو حرفه‌ای کن!
مشاهده بیشتر
با دوره رایگان "ساخت فریمورک CSS با Sass" حرفه‌ای شو! دیگه وقتشه کدهای شلوغ و تکراری رو کنار بذاری و فریمورک CSS اختصاصی خودتو بسازی. تو این دوره، از صفر تا صد Sass رو یاد می‌گیری و یاد می‌گیری چطور پروژه‌هات رو سریع‌تر و شگفت‌انگیزتر کنی!
مشاهده بیشترمقالات برنامه نویسی
آموزش Sass – قابلیت هایی که Sass به CSS اضافه می کند (CSS Extensions)
آموزش Sass – قابلیت هایی که Sass به CSS اضافه می کند (CSS Extensions)
در مبحث پیشرو، ابزارها و قابلیت هایی که Sass به CSS اضافه کرده و تحت عنوان CSS Extension شناخته می شوند، خواهیم پرداخت. Extension های CSS را می توان جهت بهبود قابلیت ها و افزودن امکانات جدید به صفحات وب مورد استفاده قرار داد. جدول زیر چهار extension بسیار پرکاربرد CSS را تشریح می کند.
S. No.
CSS Extension ها
1
Nested Rules
این extension به شما امکان می دهد تا دستورات CSS (css rules) را داخل یکدیگر بکار برده و به اصطلاح آن ها را nest نمایید.
این extension به شما امکان می دهد تا دستورات CSS (css rules) را داخل یکدیگر بکار برده و به اصطلاح آن ها را nest نمایید.
2
Referencing Parent Selectors: &
این extension به شما این امکان را می دهد تا با استفاده از کاراکتر & قبل از selector میزبان (parent)، به آن selector اشاره کنید (و آن را انتخاب نمایید).
این extension به شما این امکان را می دهد تا با استفاده از کاراکتر & قبل از selector میزبان (parent)، به آن selector اشاره کنید (و آن را انتخاب نمایید).
3
Nested Properties
این extension به شما امکان می دهد تا property هایی که از یک namespace هستند را با ذکر اسم namespace مربوطه قبل از قطعه کد، داخل قطعه کد (block) واحد مقداردهی نمایید.
این extension به شما امکان می دهد تا property هایی که از یک namespace هستند را با ذکر اسم namespace مربوطه قبل از قطعه کد، داخل قطعه کد (block) واحد مقداردهی نمایید.
4
Placeholder Selectors
Sass از یک selector اختصاصی به نام "placeholder selector". پشتیبانی می کند. "placeholder selector" مشابه همان گزینشگر بر اساس id و گزینشگر بر اساس کلاس می باشد با این تفاوت که بجای . و # از کاراکتر % استفاده می کند. لازم به ذکر است که این selector ها باید با دستور @extendبکار روند.
Sass از یک selector اختصاصی به نام "placeholder selector". پشتیبانی می کند. "placeholder selector" مشابه همان گزینشگر بر اساس id و گزینشگر بر اساس کلاس می باشد با این تفاوت که بجای . و # از کاراکتر % استفاده می کند. لازم به ذکر است که این selector ها باید با دستور @extendبکار روند.