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>
আউটপুট
এটি নিম্নলিখিত আউটপুট দেয়:
