Объединить 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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