:ফোকাস
:ফোকাস নির্বাচক একটি প্রয়োজনীয় শৈলী প্রয়োগ করতে ব্যবহৃত হয় যখন একটি ফর্ম উপাদান বোতাম, লিঙ্ক, ইনপুট বক্সের মতো ফোকাস করতে হয়। একটি উপাদান মাউস ব্যবহার করে বা ট্যাব কী ব্যবহার করে ফোকাস পেতে পারে। একটি ফোকাস উপাদানের উপর থেকে যায় যতক্ষণ না অন্য একটি উপাদান ফোকাস পায়।
:সক্রিয়
:সক্রিয় নির্বাচক একটি অ্যাঙ্কর ট্যাগ সক্রিয় বা একটি বোতাম সক্রিয় আছে তা নির্দেশ করতে ব্যবহৃত হয়। যখন মাউস ডাউন থাকে, সক্রিয় নির্বাচক প্রযোজ্য হয় এবং মাউস ডাউন না হওয়া পর্যন্ত প্রয়োগ করা থাকে৷
উদাহরণ
উদাহরণ অনুসরণ করে, বোতাম এবং লিঙ্কে :focus পাশাপাশি :active নির্বাচকের ব্যবহার দেখায়।
<!DOCTYPE html>
<html>
<head>
<title>Selector Example</title>
<style>
button {
border: 2px solid black;
}
button:focus {
border: 2px dotted red;
}
a {
color: black;
}
a:active {
color: red;
}
</style>
</head>
<body>
<button type="submit">Focus Me</button>
<a href="#">Active Me</a>
</body>
</html> আউটপুট
