Разъяснение стандартного медиазапроса W3 css - «только»

Question

Я хочу использовать свойство media для связи с различными CSS-файлами на основе пользовательского агента. Я смущен тем, как используется ключевое слово «только». На сайте W3 говорится, что «необязательное ключевое слово only» можно использовать для скрытия таблицы стилей от старых браузеров. Браузеры обрабатывают медиазапросы, начиная с «only», как если бы ключевое слово «only» отсутствовало ». Разве это не заявление? Я читаю это как "если присутствует ключевое слово" only ", старые браузеры игнорируют его". Тогда зачем это использовать? Я знаю, что мне здесь не хватает важной информации. Кто-нибудь может помочь?

Answer 1

Ключевое слово only скрывает таблицы стилей от старых браузеров, которые не поддерживают медиазапросы.

Дополнительную информацию можно найти здесь: https://developer.mozilla.org/en/CSS/Media_queries

Answer 2

"Если присутствует ключевое слово" only ", старые браузеры игнорируют его."

Да."it" - это конкретно медиа-запросы CSS3 (большинство из них вы увидите), а не ограниченные / глупые более ранние медиа-запросы.

Тогда зачем его использовать?

Чтобы браузер не обнаруживал и не обрабатывал ошибки: как минимум это означает, что консоль ошибок во многих случаях не заполняется посторонними сообщениямив некоторых случаях он избегает представления диалогового окна и / или окна отладчика пользователю, а иногда даже означает, что браузер не будет «раздражать» на вашей странице, отказываясь показывать его вообще.

Answer 3

Запросы типа * и only * являются идентичными представлениями, поэтому совместимые браузеры правильно интерпретируют ключевое слово only, удаляя его из представления.

Старые браузеры не распознают only, интерпретируют его как неизвестный тип медиа, оценивают запрос как false и игнорируют (пропускают) таблицу стилей.