تعریف
مجموعه قوانین منفصل شامل property ها، مجموعه قوانین تو در تو، متغیرها، mixin ها و غیره است. مجموعه قوانین در یک متغیر ذخیره می شود و در یک ساختار include می شود. بنابراین تمامی property های آن مجموعه قوانین به ساختار اضافه میشود.
مثال
مثال زیر پاس دادن مجموعه قوانین به mixin در فایل LESS را نشان میدهد:
<!doctype html> <head> <link rel="stylesheet" href="/style.css" type="text/css" /> </head> <body> <div class="cont"> <h2>Welcome to TutorialsPoint</h2> <p>The largest Tutorials Library on the web.</p> </div> </body> </html>
سپس فایل style.less را ایجاد کنید.
@detached-ruleset: {
.mixin() {
font-family: "Comic Sans MS";
background-color: #AA86EE;
}
};
.cont {
@detached-ruleset();
.mixin();
}
با استفاده از دستور زیر فایل style.less را به style.css تبدیل کنید:
lessc style.less style.css
با اجرای دستور بالا فایل style.css بصورت خود به خود ایجاد میشود و شامل کدهای زیر است:
.cont {
font-family: "Comic Sans MS";
background-color: #AA86EE;
}
خروجی
بیایید دستورات زیر را انجام دهیم تا خروجی را ببینیم:
- کدهای html بالا را در فایل passing_ruleset.html ذخیره کنید.
- فایل HTML را در مرورگر باز کنید، خروجی بدین شکل خواهد بود.
