LESS-এ সিউডোক্লাসের জন্য কোড ব্লক প্রয়োগ

আসুন একটি ফাংশন তৈরি করি যা hover অবস্থায় লিঙ্কের স্টাইল সেট করবে।

ধরুন এই ফাংশনটি একটি কোড ব্লক প্যারামিটার হিসেবে নেয়:

styles.less.hover(@code) {
  
}

আসুন hover অবস্থার মধ্যে প্রেরিত কোড ব্লকটি আউটপুট করি:

styles.less.hover(@code) {
  &:hover {
    @code();
  }
}

লিঙ্কের ভিতরে আমাদের ফাংশনটি ব্যবহার করি:

styles.lessa {
  color: red;
  
  .hover({
    color: blue;
    text-decoration: none;
  });
}

কম্পাইলেশনের ফলাফল:

styles.cssa {
  color: red;
}
a:hover {
  color: blue;
  text-decoration: none;
}