2 вопроса по написанию правильной таблицы стилей CSS 2.1 без ошибок

Question

У меня есть два вопроса о том, как написать правильную / без ошибок таблицу стилей CSS 2.1:

1. Валидатор CSS говорит мне, что overflow-y: scroll не поддерживается в CSS 2.1. Итак, что я могу использовать для того же эффекта?
2. У меня есть что-то вроде 500 предупреждений, которые говорят " Одинаковые цвета для цвета и фона" в двух контекстах.error и.contact3 (о разных классах, конечно), что это значит? И как я могу решить это?

Спасибо

Answer 1

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 действителен с ними. Существуют предупреждения, чтобы вы знали, что, возможно, вы допустили ошибку.

Answer 2

Ты можешь использовать overflow:auto; Это добавит полосы прокрутки, когда это необходимо.