CSS သော့ချက်စကားလုံးများနှင့် LESS ကိန်းရှင်များ

CSS တွင် သော့ချက်စကားလုံးများနှင့် @ သင်္ကေတဖြင့် စတင်သော command များရှိပါသည်၊ ဥပမာ @media, @keyframes နှင့် အခြားအရာများ။ LESS သည် ၎င်းတို့ကို မှန်ကန်စွာ ကိုင်တွယ်နိုင်ပြီး ၎င်းတို့ကို command အဖြစ် မမှတ်ယူပါ။ ဥပမာကို ကြည့်ပါ။

styles.less@media (max-width: 600px) {
  div {
    width: 300px;
  }
}

နောက်ထပ်ဥပမာ။

styles.less@keyframes anim {
  from {
    width: 100px;
  }
  to {
    width: 200px;
  }
}
Задание 1

မီဒီယာ query အချို့ကို ရေးပါ။ ၎င်းတို့၏ မှန်ကန်စွာအလုပ်လုပ်ပုံကို သေချာစေပါ။