строковое значение list-style-type работает нормально, даже если оно не является допустимым значением

Question

Я работал над добавлением некоторых списков в существующий проект. Одной вещью, в которой я нуждался, было '>' как точка с маркером. Достаточно просто с помощью .myselector:before и установки content на '>'.

Просто из любопытства я попытался установить это с помощью list-style-type, установив для него значение '> `.

.myselector {
  list-style-type: '>';
}

Я не ожидал, что это сработает. Код VS даже выдает ошибку. Но это прекрасно работает. Списки имеют «>» вместо круга по умолчанию, и в браузере нет ошибок. Как это возможно?

Answer 1

Согласно MDN https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type можно использовать строку в качестве значения list-style-type. Проблема в том, что не каждый браузер поддерживает это - например, Safari или Edge. Сейчас я рекомендую использовать ::before как лучшее решение.