CSS এলিমেন্ট সিলেক্টর ব্যবহার করা হয় প্রথম এলিমেন্টের ডিসেন্ডেন্ট বাছাই করার জন্য এবং এলিমেন্টের নামের সাথে দ্বিতীয় নির্বাচকের সাথে মিলে যায়।
সিনট্যাক্স
CSS ডিসেন্ডেন্ট সিলেক্টরের সিনট্যাক্স নিম্নরূপ −
element element {
/*declarations*/
} উদাহরণ
নিম্নলিখিত উদাহরণগুলি CSS ডিসেন্ডেন্ট সিলেক্টর -
কে চিত্রিত করে<!DOCTYPE html>
<html>
<head>
<style>
div {
float: right;
margin: 25px;
padding: 5px;
width: 80px;
height: 80px;
border: solid aqua;
}
div div {
border-color: blue;
border-radius: 50%;
}
div div div {
border-color: orange;
border-radius: unset;
}
</style>
</head>
<body>
<div>
<div>
<div>
</div>
</div>
</div>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
li li {
background-color: lightsteelblue;
}
</style>
</head>
<body>
<ol>
<li></li>
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
<li></li>
</ol>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
