неверный синтаксис css media

Question

Что здесь не так?

<link rel="stylesheet" href='index-02.css' 
     media="screen and (min-width: 481px and max-width:959px)"> 

Проверка кода на this page я получил ошибку:

Error: Bad value screen and (min-width: 481px and max-width:959px) for attribute media on element link: Expected whitespace or) but saw a instead.

Answer 1

Ваш синтаксис немного выключен. Каждое выражение должно содержаться в скобках:

<link rel="stylesheet" href='index-02.css' 
     media="screen and (min-width: 481px) and (max-width:959px)"> 

От documentation:

Parentheses are required around expressions; failing to use them is an error.

Answer 2

Тест

экран и (мин-ширина: 481px) и (макс-ширина: 959px)