Селекторы. Часть 3. Задание 16/18

Не проходит третья цель. Посмотрите, пожалуйста, что не так:
CSS
input:required {
border: 1px solid #e74c3c;
background: url(’/assets/course58/required.png’) no-repeat right 50%;
}
input[type=“number”]:required {
background: none;
}
input:required:valid {
background: #94E6B6;
border-color: #2ecc71;
}
input:required:valid[value=“Кекс”] {
color: #ffffff;
}

Решено
input[value*=“Кекс”]:required:valid {
color: #ffffff;
}

Подскажите, а почему не работает, когда разбиваешь, например, input[value*=“Кекс”]:required:valid на два селектора input[value*=“Кекс”] input:required:valid {} ? какая-то у меня пока системная ошибка в мозгах по этому поводу. Помогите! :slight_smile:

дополнено через 6 мин: Если их так разделить, то второй input браузер будет искать как-бы “вложенный в предыдущий тэг”? а поскольку предыдущий тэг - тоже input и он не парный, не может иметь вложенных тэгов, то ничего и не находится? Я сейчас правильно рассуждаю? или опять сбой? :slight_smile:

1 лайк

Правильно рассуждаете. Пробел между селекторами действительно указывает на вложенность одного элемента в другой.

1 лайк