একটি উপাদান একাধিক CSS ক্লাস সহ
কোনো ট্যাগে একই সাথে একাধিক CSS ক্লাস নির্ধারণ করা
সম্ভব। এটি করার জন্য, class অ্যাট্রিবিউটে
এই ক্লাসগুলোকে একটি স্পেস দ্বারা আলাদা করে তালিকাভুক্ত করতে হবে।
আসুন একটি উদাহরণ দেখি। ধরা যাক আমাদের কয়েকটি CSS ক্লাস আছে:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
একটি প্যারাগ্রাফে প্রথম এবং দ্বিতীয় উভয় ক্লাসই নির্ধারণ করি:
<p class="error large">
lorem ipsum
</p>
ধরা যাক আপনার নিম্নলিখিত ক্লাসগুলি দেওয়া আছে:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
ধরা যাক আপনার 4টি প্যারাগ্রাফও আছে।
প্রদত্ত ক্লাসগুলি ব্যবহার করে এমনভাবে তৈরি করুন,
যাতে প্রথম প্যারাগ্রাফটি সবুজ এবং বড় ফন্ট সহ হয়,
দ্বিতীয় প্যারাগ্রাফটি - লাল এবং ছোট ফন্ট সহ হয়,
তৃতীয় প্যারাগ্রাফটি - লাল এবং বড় ফন্ট সহ হয়,
এবং চতুর্থটি - সবুজ এবং ছোট ফন্ট সহ হয়।
3টি যেকোনো ক্লাস চিন্তা করুন এবং তৈরি করুন।
কোনো ট্যাগে একই সাথে আপনার তৈরি করা তিনটি ক্লাসই নির্ধারণ করুন।