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

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


ফোকাস করা এলিমেন্ট সিলেক্ট করতে :focus সিলেক্টর ব্যবহার করুন। নিচের কোড রান করে :focus সিলেক্টর ইমপ্লিমেন্ট করতে পারেন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       input:focus {         background-color: green;       }     </style>   </head>   <body>     <form action = "">       Subject <input type = "text" name = "subject"><br>       Student: <input type = "text" name = "student"><br>       Age: <input type = "number" name = "age"><br>       <input type = "submit" value = "Submit">     </form>   </body> </html>

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

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

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

  4. CSS :required সিলেক্টরের ভূমিকা