CSS এলিমেন্ট সিলেক্টর

CSS এলিমেন্ট সিলেক্টর

সবচেয়ে সাধারণ CSS সিলেক্টর হল উপাদান সিলেক্টর।অর্থাৎ, ডকুমেন্টের উপাদানগুলি হল সর্বাধিক মৌলিক সিলেক্টর

যদি হাইপারটেক্স্ট স্টাইল নিয়ে যাওয়ার হয়, তবে সিলেক্টর সাধারণত কোনও হাইপারটেক্স্ট উপাদান, যেমন p, h1, em, a, কিংবা হাইপারটেক্স্ট স্বত্বেও হতে পারে:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

আপনার নিজেই চেষ্টা করুন

একটি স্টাইলকে একটি উপাদান থেকে আরেকটি উপাদানে ছেড়ে নিতে সম্ভব

আপনি যদি উপরোক্ত পারা লেখাটিকে (h1 উপাদানের পরিবর্তে) গ্রেয় হিসাবে নিতে চান, তবে শুধুমাত্র h1 সিলেক্টরকে p: হিসাবে পরিবর্তন করতে হবে:

html {color:black;}
p {color:gray;}
h2 {color:silver;}

আপনার নিজেই চেষ্টা করুন

টাইপ সিলেক্টর

W3C প্রমাণপত্রে, উপাদান সিলেক্টরকেও টাইপ সিলেক্টর (type selector) বলা হয়。

“টাইপ সিলেক্টর ডকুমেন্ট ভাষার উপাদানের নামকে মাথা দিয়ে।টাইপ সিলেক্টর ডকুমেন্ট ট্রিতে এই উপাদানের প্রত্যেক উদাহরণকে মাথা দিয়ে।”

নিচের নিয়ম ডকুমেন্ট ট্রির সমস্ত h1 উপাদানগুলিকে মাথা দিয়ে:

h1 {font-family: sans-serif;}

তাই, আমরা XML ডকুমেন্টের উপাদানগুলিতেও স্টাইল নিয়ে যাই দিতে পারি:

XML ডকুমেন্ট:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="note.css"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

CSS ডকুমেন্ট:

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }
to
  {
  font-size:28px;
  display: block;
  }
from
  {
  font-size:28px;
  display: block;
  }
heading
  {
  color: red;
  font-size:60px;
  display: block;
  }
body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

দেখুন

উপরোক্ত উদাহরণগুলিতে আপনি দেখতে পাবেন যে CSS এলিমেন্ট সিলেক্টর (টাইপ সিলেক্টর) XML ডকুমেন্টের এলিমেন্টের সাবস্টাইনস সেট করতে পারে

যদি আপনি XML ডকুমেন্টে সাবস্টাইনস যোগ করার বিষয়ে আরও জানতে চান, তবে CodeW3C-এর XML শিক্ষাক্রম。