v2.5.2
Giriş yap

CSS child to parent selector

selim
412 defa görüntülendi
    <div class="content">
        <input type="text">
    </div>

Merhaba yukarıdaki div kısmında input focus olduğunda content class ına border vermek istiyorum. Bunu js kullanmadan css ile yapmak istiyorum. Nasıl yapabilirim ? (SASS kullanıyorum)

Cevap yaz
Cevaplar (2)
tayfunerbilen
902 gün önce

:focus-within ile bunu yapman mümkün. Bu arkadaş içerde bir şekilde bir eleman focus olursa bunu tespit ederek stil yazmanı sağlıyor.

.content:focus-within {
    border: 2px solid red;
}