1. Валидатор CSS говорит мне, что overflow-y: scroll не поддерживается в CSS 2.1. Итак, что я могу использовать для того же действительного эффекта?
Они недействительны, потому что они были введены в CSS3. В CSS 2.1 вы можете установить overflow только для горизонтальной и вертикальной ориентации одновременно.
Большинство браузеров теперь поддерживают overflow-y, поэтому я бы меньше беспокоился о проверке 2.1 (поскольку ваш CSS будет действителен с валидатором CSS 3). Вы можете использовать overflow: auto как запасной вариант для неподдерживаемых браузеров.
2. У меня есть что-то вроде предупреждения 500, которые говорят «Одинаковые цвета для цвета и фона» в двух контекстах .error и .contact3 (о разных классах, конечно), что это значит? И как я могу решить эту проблему?
Проблема в том, что там написано. Если у вас background-color совпадает с color, он генерирует предупреждение, потому что любой текст не будет виден пользователю. Если это ваше намерение, вам лучше установить передний план color на transparent для этих элементов:
.error {
color: transparent;
}
Кроме того, предупреждения - это просто предупреждения, и ваш CSS действителен с ними. Существуют предупреждения, чтобы вы знали, что вы возможно допустили ошибку.