CSS :focus Nedir ve Nasıl Kullanılır?

Focus, kelimesinin Türkçe'si "odak"tır. Bir CSS elemanına istediğiniz bir kodu odaklayabilirsiniz. Örneğin :focus kullanılmadan :active ile box-shadow kullanılan bir inputta tıklar tıklamaz box-shadow kaybolacaktır. Ancak :focus ile box-shadow kullanıldığında siz fareyi çekene kadar efekt gözükecektir.

Bir örnek

Metin kutusunun üzerine tıklayın.

Nasıl kullanılır?

#nesne:focus {
border: #900 solid 1px;
}

css focus, css focus seçicisi, css seçiciler, css selector, css focus selector, css :focus