Псевдоклас :focus визначає стиль елемента, коли він отримує фокус, інакше кажучи, стає активним для взаємодії. Наприклад, при отриманні фокусу в текстовому полі можна набирати текст, на мобільних пристроях вмикається екранна клавіатура.
Фокус можуть отримати не всі елементи, лише посилання, кнопки, поля форми. Саме до них у стилях і слід додавати :focus, для решти елементів це не дасть видимого результату.
Найчастіше : focus працює у зв'язці з <input> і визначає стиль елемента при отриманні ним фокусу. Наприклад, щоб змінити колір фону для поля з паролем, потрібно додати :focus до селектора [type="password"] .
input[type="password"]:focus { background-color: #5fcbcd; }