Angular কম্পোনেন্ট স্টাইল
আসুন এখন CSS এর মাধ্যমে আমাদের মার্কআপটি স্টাইল করি। এর জন্য আমাদের app.component.css ফাইলটির প্রয়োজন হবে, যেখানে কম্পোনেন্টের মার্কআপের জন্য CSS স্টাইল লেখা হয়। এতে Angular নিজেই যত্ন নেয় যে স্টাইলগুলি CSS মডিউল হিসাবে কাজ করে। এর মানে হল যে সমস্ত সিলেক্টর শুধুমাত্র কম্পোনেন্টের মার্কআপের জন্য কাজ করবে এবং বাইরের মার্কআপকে প্রভাবিত করবে না।
আসুন অনুশীলনে দেখি। আমাদের কম্পোনেন্টে নিম্নলিখিত মার্কআপ রয়েছে বলে ধরা যাক:
<div>
abcde
</div>
আসুন div-টির জন্য রং নির্ধারণ করি:
div {
color: red;
}
এতে আমরা নিশ্চিত হতে পারি যে স্টাইলটি শুধুমাত্র আমাদের কম্পোনেন্টের div-গুলিতে প্রয়োগ হবে, এবং অন্য কোনটিতে নয়।
টেমপ্লেট ফাইলে কিছু মার্কআপ করুন। এই মার্কআপের জন্য স্টাইল লিখুন।
