CSS ការពន្យល់ អ្នកជ្រើសរើស id

ID-সিলেক্টরটি শুধুমাত্র নথিতে প্রকৃত উপাদানকে ব্যবহার করে শৈলী নির্দিষ্ট করতে পারে。

CSS ID-সিলেক্টর

কিছুসূত্রে, ID-সিলেক্টরটি শুভ্রতা সিলেক্টরের মতো, কিন্তু কিছু গুরুত্বপূর্ণ পার্থক্যও আছে。

গঠনশৈলী

প্রথমে, ID-সিলেক্টরের আগে একটি # সংখ্যা আছে - যা খেড়াশংক্যার সংখ্যা বা হলকা সংখ্যা নামেও পরিচিত।

নিচেরটি একটি নিয়ম দেখুন:

*#intro {font-weight:bold;}

শুভ্রতা সিলেক্টরের মতো, ID-সিলেক্টরটিতেও পার্সেলার সিলেক্টরকে অবগত করা যায় না। আগের উদাহরণটিকেও এভাবে লিখা যেতে পারে:

#intro {font-weight:bold;}

এই সিলেক্টরটির প্রভাব একই হবে。

দ্বিতীয়ত, ID-সিলেক্টরটি class অ্যাট্রিবিউটের মান উল্লেখ করে না, নিশ্চিতভাবে, তা id অ্যাট্রিবিউটের মান উল্লেখ করে。

নিচেরটি একটি প্রত্যক্ষ ID-সিলেক্টরের উদাহরণ:

<p id="intro">This is a paragraph of introduction.</p>

আপনার হাতে পরীক্ষা করুন

শুভ্রতা সিলেক্টর বা ID সিলেক্টর?

শুভ্রতার সিলেক্টর এই বিভাগে আমরা যেখানেও বর্ণনা করেছি, একটি শুভ্রতার নাম ইমপোর্ট্যান্ট পি এবং h1 উপাদানে প্রয়োগ করা হয়েছে, এবং তা আরও বেশি উপাদানে প্রয়োগ করা যেতে পারে。

পার্থক্য 1: নথিতে শুধুমাত্র একবার ব্যবহার করা যায়

শুভ্রতার থেকে ভিন্ন, একটি HTML নথিতে, ID-সিলেক্টরটি একবার এবং শুধুমাত্র একবার ব্যবহৃত হবে。

পার্থক্য 2: ID-সিলেক্টরটিতে ID শব্দসমূহ ব্যবহার করা যায় না

শুভ্রতার থেকে ভিন্ন, ID-সিলেক্টরটি মিলিত করা যায় না, কারণ ID অ্যাট্রিবিউটটি স্পেস দিয়ে বিভক্ত শব্দসমূহের তালিকা দেওয়ার অনুমতি না দেয়。

পার্থক্য 3: ID-এর আরও বেশি অর্থ রয়েছে

শুভ্রতার মতো, ID-এর জন্যও পৃথকভাবে বেছে নেওয়া যেতে পারে। কিছু ক্ষেত্রে, আপনি জানেন যে নথিতে একটি বিশেষ ID-এর মান উপস্থিত হবে, কিন্তু তা কোনো উপাদানে উপস্থিত হবে জানতে পারেন না তাই আপনি পৃথক ID-সিলেক্টর ঘোষণা করতে চান। উদাহরণস্বরূপ, আপনি জানেন যে একটি নির্দিষ্ট নথিতে mostImportant ID-এর মান উপস্থিত হবে। আপনি এটা একটি অনুচ্ছেদ, একটি শব্দসমূহ, একটি তালিকা বা একটি শুভ্র হবে জানতে পারেন না। আপনি জানেন যে প্রত্যেক নথিতে একটি সর্বোচ্চ গুরুত্বপূর্ণ উপাদান থাকবে, যা কোনো উপাদানে থাকতে পারে, এবং তা কেবলমাত্র একবার উপস্থিত হবে। এই ক্ষেত্রে, আপনি নিম্নলিখিত নিয়ম লিখতে পারেন:

#mostImportant {color:red; background:yellow;}

এই নিয়মটি নিচের সব উপাদানগুলির সাথে ম্যাচ করবে (এই উপাদানগুলি একইসঙ্গে একইসঙ্গে একইসঙ্গে কোনো নথিতে উপস্থিত হতে পারে না, কারণ তাদের একই আইডি মান আছে):

<h1 id="mostImportant"এটা গুরুত্বপূর্ণ!
<em id="mostImportant"এটা গুরুত্বপূর্ণ!

    id="mostImportant">This is important!

亲自试一试：

区分大小写

请注意，类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配。

ដូច្នេះ សម្រាប់ CSS និង HTML ក្រោយនេះ សមាសធាតុ នឹង មិនក្លាយជាក្រាស់ ទេ：

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>

ដោយសារ មាន ចារិក i ដែល មានរូបភាពធំ និងតូច អ្នកជ្រើសរើស នឹង មិនបាន ដោះស្រាយ នឹង សមាសធាតុ នៅលើខាងលើទេ。