scss sonraki elemanı seçmek
HTML YAPISI ŞU ŞEKİLDE
<div class="input">
<label for="user_mail">Mail Adresiniz</label>
<input type="text" class="form-control" id="user_mail" name="user_mail">
<span>Gmail</span>
</div>
SCSS YAPISIDA ŞU ŞEKİLDE
.input {
position: relative;
label {
font-family: 'Poppins', sans-serif;
font-size: 17px;
margin-bottom: 14px;
}
input {
border: 1px solid $gray;
transition: .3s all;
&:focus {
border: 1px solid $warning;
}
}
input (html etiketi) focus olduğu zaman span inputtan sonra geldiği için spana birşeyler yapmak istiyorum spanı nasıl seçerim?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
şu şekilde:
.input {
position: relative;
label {
font-family: 'Poppins', sans-serif;
font-size: 17px;
margin-bottom: 14px;
}
input {
border: 1px solid $gray;
transition: .3s all;
&:focus {
border: 1px solid $warning;
& + span {
// span kodları buraya
}
}
}
}
+ sass'lık değil css'de olan bir seçici bu arada tabi ki haberiniz olsun :)
@rotaile, yok neden kızayım bilmiyorsanız diye detay verdim ben sadece ^^