CSS child to parent selector

selim 1276 gün önce

556 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)

css

tayfunerbilen

1275 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;
}

#007700

Tüm Cevapları Göster (2)