Объединить 2 класса псевдоCSS

Разбираемся в CSS
Anonymous
Объединить 2 класса псевдо

Сообщение Anonymous »

Я борюсь с простой ситуацией.

Код: Выделить всё

[i]

[/i]
my message


Разница между обоими полями в том, что в первом поле определено как обязательное, а во втором нет. (Это зависит от других функций внутри разных форм).
Итак, это CSS, который показывает и скрывает тег успеха или элемент управления по умолчанию.

Код: Выделить всё

.file-area input[type=file]:valid:required + .file-dummy {
border-color: #bbe5ed ;
background-color: #217485;
}

.file-area input[type=file]:required:valid + .file-dummy .success {
display: inline-block;
background-color:green;
}
Он отлично работает с одним полем и обязательным полем ввода.
Я не нашел способа редактировать правила CSS, чтобы он работал с обе ситуации.
Я пытался поиграться с «:not(required)» и объединить это и «действительное», но все мои попытки не увенчались успехом.
Пример:
.file-area input[type=file]:not(required) + .file-area input[type=file]:valid + .file-dummy .success {...}
< /code>
Это возможно? Если да, то как?

Подробнее здесь: https://stackoverflow.com/questions/793 ... do-classes

Вернуться в «CSS»