lavezzi1
@lavezzi1

Как спрятать блок?

Есть инпуты и ошибки к ним, нужно чтобы при условии если инпут invaliad и untouched то скрыть блок с ошибками.
Делаю так, не работает. Как еще можно попробовать?

.invalid.untouched ~ .error {
    display: none;
}


<form class="form" novalidate>

    <div class="form__row">
        <input placeholder="Subject" class="textbox-input" id="subject" type="text" v-validate:subject="['required']">
    </div>

    <div class="form__row">
        <input placeholder="Enter your problem" class="textbox-input" id="description" type="text" v-validate:description="{ minlength: 1, maxlength: 256 }">
    </div>
    <div class="error">
         <p v-if="$validation.subject.required">Required your name.</p>
    </div>
</form>


Как называется этот символ ~ ?
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ответы на вопрос 1
protasovse
@protasovse
Python, JS developer
E ~ F { Описание правил стиля }
Для управления стилем родственных элементов используется символ тильды (~), он добавляется между двумя селекторами E и F. Пробелы вокруг тильды не обязательны. Стиль при такой записи применяется к элементу F в том случае, если он имеет того же родителя, что и элемент E и следует сразу после него.

HTML пришлите
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы