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

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


CSS-এ মাউস ওভারের সময় লিংক স্টাইল করতে CSS :hover সিলেক্টর ব্যবহার করুন। :hover সিলেক্টর বাস্তবায়ন করতে নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      a:hover {
        background-color: orange;
      }
    </style>
  </head>
  <body>
    <a href="https://www.qries.com">Qries</a>
    <p>উপরোক্ত লিংকের উপর মাউস কার্সর রাখুন এবং ইফেক্টটি দেখুন।</p>
  </body>
</html>

  1. CSS :hover সিলেক্টর: কিভাবে প্রয়োগ করবেন

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

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

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