সবাইকে সালাম জানিয়ে আমি আমার সিএসএস নিয়ে ধারাবাহিক টিউন এর ২য় পর্ব শুরু করছি। গত পর্বে আমরা সিএসএস সম্পর্কে জেনেছিলাম। এখন আমরা সিএসএস এর অত্যন্ত গুরুত্বপূর্ণ একটি ধাপ Selector নিয়ে আলোচনা করব।

CSS Selector কি?

Selector হচ্ছে সিএসএস এর অক্সিজেন। অক্সিজেন ছাড়া যেমন মানুষ বাঁচে না, ঠিক তেমনি Selector ছাড়াও সিএসএস অচল। তাই আমরা আজকে Selector নিয়ে আলোচনা করবো। কারণ, এই Selector দিয়েই আমরা HTML এর এলিমেন্টসগুলোকে সিএসএস কোডের সাথে সম্পৃক্ত করবো। সুতরাং, বুঝতেই পারছেন। CSS শিখতে হলে আমাদের Selector সম্পর্কে জানাটা কতটা জরুরী।

Structure of Selector:

SELECTOR { PROPERTY: VALUE }

উপরের কোডটি একটু ভালো ভাবে খেয়াল করুন। এখানে Selector এর অধীনে আমি দুইটি এ্যালিমেন্টস লিখেছি। একটি হল Property আর অন্যটি হল Value। এখানে Propert হচ্ছে সেই এলিমেন্ট যাকে আমি আমার ইচ্ছেমতো ব্যবহার করতে পারবো। মোদ্দকথা, Property কে আমি আমার মতো করেই পরিচালনা করবো। আর অপর এ্যালিমেন্ট Value। বুঝতেই পারছেন এটা মান বিষয়ক কোন এ্যালিমেন্টস। হ্যাঁ, Value মূলত Property-র নির্দিষ্ট মানকে বুঝায়।
এখন ধরুন আমি CSS এর সাথে HTML এর এর একটা সরাসরি Connection তৈরী করবো এবং যা সম্পূর্ণ আমি আমার মতো করে পরিবর্তন/পরিবর্ধন কিংবা সংশোধন/সম্পাদন করবো। সেক্ষেত্রে এখন আমরা যে এলিমেন্ট ব্যবহার করবো, সেটা হচ্ছে Selector Name।

Selector Name

p { PROPERTY: VALUE }

এখানে p দ্বারা HTML এর প্যারাগ্রাফ ট্যাগকে বুঝানো হয়েছে। যা CSS এ Selector Name হিসেবে আছে।
আজকের মতো ঈঝঝ এর ধারাবাহিক টিউন এখানেই শেষ করছি। আগামী টিউনে আমরা CSS লেখার যে তিনটি সিস্টেম আছে (Internal, External এবং Inline) সে সব বিষয় নিয়ে আলোচনা করবো।

সবার উদ্দেশ্যে একটা কথাঃ

ধরুন আপনি HTML, CSS, PHP, MySql কিংবা তার ও উপরে Visual Studio অথবা ASP.Net সব জানেন। আপনি একজন দক্ষ প্রোগ্রামারও বটে। কিন্তু আপনাকে যদি বলা হয়, কঠিন বিষয় বাদ শুধু মাত্র HTML নিয়ে একটা ধারাবাহিক টিউন করুন। আমি নিশ্চিত আপনি যদি কখনো টিউন করে না থাকেন তবে বেশ ভালো ঝামেলায় পড়বেন। কারণ, আপনি সব পারলেও ধারাবাহিক টিউন করতে গেলে প্রথম ধাপ থেকে দ্বিতীয় ধাপে যেতে আপনাকে অবশ্যই ইন্টারনেটের সাহায্য নিতে হবে। কারণ, সেখানে সুবিন্যস্ত করে সাজানো থাকে কোনটা পর কোনটা শিখালে আপনাকে HTML বা অন্যান্য ভাষা শেখানো যাবে। তাই আমি যতই জানি, আমাকেও কিন্তু ইন্টারনেটের সাহায্য নিতে হয়। সেটা কেন নিতে হয়? কারণ, আমার এতটুকু মাথায় এতো সহজে আসবে না আপনাদের কিভাবে শেখালে আপনারা শিখতে পারবেন। তাই, ইন্টারনেট থেকে আমি শুধু ধারাবাহিক টিউন করার জন্য কোনটার পর কোনটা শিখালে আপনাদের সুবিধা হবে, সেটাই জেনে নিয়ে আপনাদের সামনে তা নিজের মতো করে উপস্থাপন করি। দয়া করে কেউ আমার এই দুবর্লতা নিয়ে এমন মন্তব্য করবেন না, যেন নিজের কাছে নিজেকে খুব ছোট মনে হয়।