:focusCSS'deki sözde sınıfı şu anda klavyenin tarafından hedef veya fare ile aktive olan bir elemanı stil kullanılır. İşte bir örnek:
textarea:focus ( background: pink; )Herhangi bir öğe (en yaygın olarak s ve s) seçildiklerinde ve metin girmeye hazır olduklarında (bir imlecin yanıp sönmesi gibi) "odakta" olurlar. Fare kullanıcıları labelodaklanmak için onlara (veya ilgili ) tıklayabilir ve klavye kullanıcıları bunlara SEKME yapabilir.
"Sekme"
:focussözde sınıfın başka bir kullanımı da öğeler arasında "sekme" yapmak değildir. Pek çok tarayıcının sekme seçimi için noktalı anahat olan varsayılan odak durumu vardır. Çıkarması oldukça kolaydır, ancak çıkarırsanız uygun bir alternatifle değiştirdiğinizden emin olun.
s s, sve textareas hepsine sahip :focus varsayılan olarak devlet, ancak HTML herhangi bir öğeye bir odak halini verebilir. Bu örnekte olduğu gibi hem contenteditable ve tabindexöznitelikleri bunun için çalışır:
İlişkili
12 Mayıs 2017 tarihli makale`: Focus-inside` Sözde Sınıfı
Chris Coyier
Tarayıcı Desteği
Tüm tarayıcılar temel kullanımını destekler :focus.