Что именно может тестировать @supports (или нет)?

Question

Что считается действительным " запросом функции " для целей @supports? Я экспериментировал, и пока он не поддерживает (неправильно возвращает false) многие поддерживаемые функции в 2018 году Chrome / FF / Safari:

(div:nth-child(3))
(width:max-content)
(width:minmax(auto,50%))
// ... and so on ...

Мне они кажутся правильно сформированными " свойство: пары значений ". Какие у него параметры?

Answer 1

Вы не можете проверить селекторы с помощью @supports. Требуется утверждение, например max-width: 10em или color: black. Поскольку функция является частью оператора, такого как width: calc(100% - 12px), это также будет принято.

См. https://developer.mozilla.org/en-US/docs/Web/CSS/%40supports для получения дополнительной информации