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

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


এক্টিভ HTML एंकर হাইলাইট করতে CSS :target সিলেক্টর ব্যবহার করুন।

উদাহরণ

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

<!DOCTYPE html> <html>   <head>     <style>       :target {         border: 2px solid #D4D4D4;         background-color: orange;         color: white;       }     </style>   </head>   <body>     <p>Click any of the subject below.</p>     <p><a href = "#tut1">Maths</a></p>     <p><a href = "#tut2">Java</a></p>     <p><a href = "#tut3">C++</a></p>     <p><a href = "#tut4">C</a></p>     <p>This is demo text.</p>     <p>This is demo text.</p>     <p>This is demo text.</p>     <p>This is demo text.</p>     <p>This is demo text.</p>     <p id = "tut1"><b>Maths Tutorial</b></p>     <p id = "tut2"><b>Java Tutorial</b></p>     <p id = "tut3"><b>C++ Tutorial</b></p>     <p id = "tut4"><b>C Tutorial</b></p>   </body> </html>

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

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

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

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