LESS-এ সিলেক্টর সংযোগ

কখনও কখনও আমাদের প্রয়োজন হয় যে কম্পাইলেশনের সময় নেস্টেড কনস্ট্রাকশনগুলি ফাঁকা দিয়ে সংযুক্ত না হয়ে একসাথে যুক্ত হয়। এটি করার জন্য, নেস্টেড সিলেক্টরের নামের আগে একটি অ্যাম্পারসেন্ড রাখা প্রয়োজন:

styles.lessdiv {
  &.block {
    width: 300px;
  }
}

ফলস্বরূপ, কম্পাইলেশনের পরে আমরা পাব নিম্নলিখিত কোড:

styles.cssdiv.block {
  width: 300px;
}
Задание 1

বলুন, নিম্নলিখিত কোড কম্পাইল করার ফলাফল কী হবে?

styles.less#block {
  &.xxx {
    width: 300px;
  }
}
Задание 2

বলুন, নিম্নলিখিত কোড কম্পাইল করার ফলাফল কী হবে?

styles.less#block {
  .xxx {
    width: 300px;
  }
}
Задание 3

বলুন, নিম্নলিখিত কোড কম্পাইল করার ফলাফল কী হবে?

styles.less#block {
  &.xxx {
    &.zzz {
      width: 300px;
    }
  }
}
Задание 4

বলুন, নিম্নলিখিত কোড কম্পাইল করার ফলাফল কী হবে?

styles.less#block {
  &.xxx {
    .zzz {
      width: 300px;
    }
  }
}
Задание 5

বলুন, নিম্নলিখিত কোড কম্পাইল করার ফলাফল কী হবে?

styles.less#block {
  .xxx {
    &.zzz {
      width: 300px;
    }
  }
}