সিএসএস আইডি বনাম ক্লাস (CSS ID Vs Class)

সিএসএস আইডি বনাম ক্লাস (CSS ID Vs Class)

লেখক  রাসেল খান

এটা প্রায়ই সন্দেহের সৃষ্টি করে যে কখন আমরা সিএসএস ID ব্যবহার করব আর কখন আমরা সিএসএস Classes ব্যবহার করব।এই অধ্যায়ে এ বিষয়ে পরিস্কার আলোচনা করা হবে। আইডি নির্বাচক (id  Selector) একটা এইচটিএমএল এলিমেন্ট এর স্টাইল কেমন হবে এটা ঠিক করার জন্য সিএসএস আপনাকে নিজস্ব সিলেক্টর ব্যাবহারের সুবিধা দেয় এদেরকে বলে "id" এবং "selector" ID সিলেক্টর একটা (অনন্য) এলিমেন্টের স্টাইল দিতে ব্যাবহৃত হয়। id হল এলিমেন্ট  এর unique identifier ।সিএসএস ID প্রায়ই  সিএসএস classes কাছাকাছি।কিন্তূ তারা এলিমেন্ট এর special case নির্দেশ করে । 1.p#exampleID1 { background-color: orange; } 2.p#exampleID2 { text-transform: uppercase; } 1.<p id="ExampleID1">This paragraph has an ID name of 2."exampleID1" and has a orange CSS defined background</p> 3.<p id="ExampleID2">This paragraph has an ID name of 4."exampleID2" and has had its text transformed to uppercase letters. </p> **id নাম সংখ্যা দিয়ে শুরু করবেন না তাহলে এটা মজিলা ফায়ারফক্সে কাজ করবেনা। প্রদর্শন: This paragraph has an ID name of "exampleID1" and has a orange CSS defined background. THIS PARAGRAPH HAS AN ID NAME OF "EXAMPLEID2" AND HAS HAD ITS TEXT TRANSFORMED TO UPPERCASE LETTERS. ক্লাস নির্বাচক (class Selector) একদল এলিমেন্টের স্টাইল দেয়ার জন্য class selector ব্যাবহৃত হয়।class selector এইচটিএমএল এর class attribute ব্যাবহার করে এবং এটা "." দিয়ে লেখা (সংঙ্গায়িত) হয়।নিচের উদাহরনে  যেসব এইচটিএমএল এলিমেন্টs এ class="center" এটা থাকবে তাদের সকলের Align মাঝখানে হয়ে যাবে। 1..center {text-align:center;} আপনি ইচ্ছে করলে এইচটিএমএল এর যেকোন একটা এলিমেন্ট ঠিক করে দিতে পারেন যেটা একটা class দ্বারা প্রভাবিত হবে।যেম: 1.p.center {text-align:center;} **class নাম সংখ্যা দিয়ে শুরু করবেন না তাহলে এটা ইন্টারনেট এক্সপ্লোরার এ কাজ করবেনা। ID =  একজনের Identification (ID) একজন ব্যক্তির জন্য unique । Class = অনেক জনগণ   একটি class এ পড়ে ।