CSS child to parent selector
<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)
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
: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;
}