TechBord Logo
TechBord detail

برگه های سبک نحوی عالی (Sass) چیست؟

مخفف "Syntactically Awesome Style Sheets." Sass پسوند ورق سبک آبشاری (CSS) (CSS) است، زبانی که برای تعریف چیدمان و قالب‌بندی اسناد زبان نشانه گذاری فرامتن (HTML) استفاده می‌شود. از CSS کاملاً سازگار نحو (Syntax) استفاده می‌کند، اما ویژگی‌های اضافی مانند متغیرهای CSS و قوانین تودرتو ارائه می‌کند که CSS را کارآمدتر و ویرایش را آسان‌تر می‌کند.

یکی از اشکالات CSS استاندارد این است که متغیر (Variable) را پشتیبانی نمی کند. به عنوان مثال، اگر چندین استایل دارید که یک رنگ هستند، باید رنگ را به طور جداگانه برای هر سبک تعریف کنید. اگر تصمیم به تغییر رنگ دارید، باید آن را برای هر نمونه در سند CSS تغییر دهید. با Sass می توانید رنگ را به عنوان یک متغیر تعریف کنید و آن را به هر سبکی که از آن استفاده می کند اختصاص دهید. اگر تصمیم به تغییر رنگ دارید، فقط باید یک بار آن را تغییر دهید - جایی که در ابتدا در سند تعریف شده است.

مثال زیر نحوه تعریف و استفاده از یک متغیر CSS در Sass را نشان می‌دهد.

>

  $myColor: #00695C;   .pageTop { background-color: $myColor; }   .infoText { color: $myColor; }   .pageBottom { background-color: $myColor; }

Sass همچنین از قوانین تودرتو پشتیبانی می‌کند و به توسعه‌دهندگان اجازه می‌دهد کد کارآمدتری بنویسند. در مثال زیر، کلاس .button در سبک #top p قرار گرفته است.

<. span class="command">  #top p   {     color: #004D40;     .button     {       background-color: #039BE5;       رنگ: #FFF;     }   }

وقتی کامپایل (Compile)، کد بالا CSS زیر را تولید می کند:

  #top p { color: #004D40; }   #top p .button { background-color: #039BE5; رنگ: #FFF; }

در حالی که Sass چندین مزیت را برای توسعه دهنده (Developer) فراهم می‌کند، اسناد Sass توسط مرورگر اینترنت (Web Browser) شناسایی نمی‌شوند. بنابراین، یک فایل Sass قبل از استفاده در یک سند HTML باید ابتدا در CSS کامپایل شود. این را می توان قبل از آپلود CSS در وب سرور با استفاده از برنامه هایی مانند Compass.app یا کوآلا به صورت محلی انجام داد. همچنین می‌توان آن را با استفاده از یک اسکریپت پیش پردازشگر فرامتن (PHP) یا روبی (Ruby) که Sass را در CSS کامپایل می‌کند، روی سرور کامپایل کرد.

Sass مخفف چیست؟

تعریف اصطلاح برگه های سبک نحوی عالی (Sass) توسط تک بورد

تعریف برگه های سبک نحوی عالی (Sass) در این صفحه یک تعریف پایه نگاشته شده توسط تک بورد است. اگر مایل به ارجاع به این صفحه یا استناد به این تعریف هستید، با شرط درج لینک به این صفحه می توانید از این محتوا استفاده کنید.

هدف تک بورد توضیح اصطلاحات کامپیوتری به روشی است که به راحتی قابل درک باشد. ما برای سادگی و دقت با هر تعریفی که منتشر می کنیم تلاش می کنیم. اگر بازخوردی درباره تعریف برگه های سبک نحوی عالی (Sass) دارید یا می‌خواهید یک اصطلاح فنی جدید پیشنهاد کنید، لطفاً با ما تماس بگیرید.

آیا می خواهید اصطلاحات فنی بیشتری یاد بگیرید؟ در خبرنامه روزانه یا هفتگی مشترک شوید و شرایط و آزمون های ویژه را در ایمیل خود تحویل بگیرید.