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

CSS :valid সিলেক্টরের ভূমিকা


বৈধ ভ্যালুযুক্ত সব <input> এলিমেন্ট স্টাইল করতে CSS :valid সিলেক্টর ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে :valid সিলেক্টর ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       input:valid {         background: red;         color: white;       }     </style>   </head>   <body>     <h2>Heading</h2>     <input type = "email" value = "amit@example.com">     <p>The style (red color background) appears if you type a relevant/ valid email address.</p>   </body> </html>

  1. CSS :hover সিলেক্টরের ভূমিকা

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

  3. CSS :nth-last-of-type(n) সিলেক্টরের ভূমিকা

  4. CSS :nth-last-child(n) সিলেক্টরের ভূমিকা