scss sonraki elemanı seçmek | Cevap #9703

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?

.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 } } } }