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