কম্পিউটার

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


সিএসএস এলিমেন্ট টাইপ সিলেক্টর একটি টাইপের সকল উপাদান নির্বাচন করতে ব্যবহৃত হয়। CSS এলিমেন্ট টাইপ সিলেক্টরের সিনট্যাক্স নিম্নরূপ

সিনট্যাক্স

element {
   /*declarations*/
}

উদাহরণ

নিম্নলিখিত উদাহরণগুলি CSS এলিমেন্ট টাইপ নির্বাচক

চিত্রিত করে
<!DOCTYPE html>
<html>
<head>
<style>
li {
   list-style: none;
   margin: 5px;
   border-bottom-style: dotted;
}
div {
   box-shadow: inset 0 0 8px plum;
   padding: 36px;
}
</style>
</head>
<body>
<div>
<pre> \(╪)(╪) /</pre>
<ul>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<style>
li {
   text-align: center;
   list-style: none;
   margin: 5px;
   padding: 5px;
   box-shadow: inset 0 0 15px yellowgreen;
}
div {
   box-shadow: inset 0 0 8px orange;
   padding: 36px;
   width: 30%;
   border-radius: 50%;
}
</style>
</head>
<body>
<div>
<ul>
<li>Hello</li>
<li>Guys</li>
</ul>
</div>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট দেয় -

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


  1. CSS ইনপুট টাইপ

  2. CSS চাইল্ড সিলেক্টর

  3. CSS এ উল্লম্বভাবে একটি উপাদান কেন্দ্রে রাখুন

  4. CSS ডিসেন্ডেন্ট সিলেক্টর