কম্পিউটার টিউটোরিয়াল

CSS-এ ইউনিভার্সাল সিলেক্টর

CSS * সিলেক্টর একটি ইউনিভার্সাল সিলেক্টর যা HTML DOM-এর সব এলিমেন্ট সিলেক্ট করতে ব্যবহৃত হয়।

সিনট্যাক্স

CSS ইউনিভার্সাল সিলেক্টরের সিনট্যাক্স নিম্নরূপ:

* {    /*ঘোষণা*/ }

নিচের উদাহরণগুলো CSS ইউনিভার্সাল সিলেক্টর উদাহরণ দেয়:

উদাহরণ

<!DOCTYPE html> <html> <head> <style> * {    margin: 15px;    padding: 5px;    border: 2px solid black;    box-shadow: inset 30px 0 8px lightblue; } </style> </head> <body> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>

আউটপুট

CSS-এ ইউনিভার্সাল সিলেক্টর

আরেকটি উদাহরণ

<!DOCTYPE html> <html> <head> <style> * {    margin: 15px;    padding: 5px;    width: 200px;    border: 2px solid black; } html::before {    content: "one"; } </style> </head> <body> two <div>three <div>four <div>five</div> </div> </div> </body> </html>

আউটপুট

CSS-এ ইউনিভার্সাল সিলেক্টর

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

  2. CSS :active সিলেক্টরের ভূমিকা

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

  4. CSS গ্রুপিং সিলেক্টর: একসাথে একাধিক এলিমেন্ট স্টাইল করা