LESS-এ সিউডোক্লাসের জন্য কোড ব্লক প্রয়োগ
আসুন একটি ফাংশন তৈরি করি যা
hover অবস্থায় লিঙ্কের স্টাইল সেট করবে।
ধরুন এই ফাংশনটি একটি কোড ব্লক প্যারামিটার হিসেবে নেয়:
.hover(@code) {
}
আসুন hover অবস্থার মধ্যে প্রেরিত কোড ব্লকটি আউটপুট করি:
.hover(@code) {
&:hover {
@code();
}
}
লিঙ্কের ভিতরে আমাদের ফাংশনটি ব্যবহার করি:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
কম্পাইলেশনের ফলাফল:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
একটি অনুরূপ ফাংশন তৈরি করুন যা
focus অবস্থার জন্য ইনপুটের স্টাইল সেট করবে।