CSS var (- my-var, fallback) с начальным значением. Это ошибка?
В css используется функция var () с откатом, резервный вариант следует игнорировать, если существует --var.
Но я попытался установить для --var значение initial, в результате чего --var больше не существует, поэтому будет использован запасной вариант.
Я тестировал Chrome и Firefox, результат был таким же.
Это ошибка в css или это просто резервное правило исключения? Я не видел в документе в https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties#custom_property_fallback_values
.test1 {
color: var( --not-existing, red);
}
.test2 {
--my-color: blue;
color: var( --my-color, red);
}
.test3 {
--my-color: initial;
color: var( --my-color, red);
}
.test4 {
color: initial;
}<p class = "test1">
I should be red
</p>
<p class = "test2">
I should be blue
</p>
<p class = "test3">
I should be initial color (not working)
</p>
<p class = "test4">
I should be initial color (works)
</p>Смотрите мою песочницу: https://codesandbox.io/s/html-css-forked-312oj?file=/index.html
@TemaniAfif Пожалуйста, добавьте ссылку на ваше заявление, выделенное жирным шрифтом.
@connexo проверяю дубликаты, я ссылаюсь на спецификацию
@TemaniAfif Как указано, в спецификации четко указано с тем же значением, что и в любом другом свойстве. Так как же эта часть спецификации может быть правильной, если алгоритмы предназначены для работы по-другому?
@connexo обе спецификации верны. начальный применять в настраиваемое свойство и не сохраняется внутри настраиваемого свойства. Та же логика с наследованием (связано: stackoverflow.com/a/53214440/8620333)
это действительно функция переменных CSS и полезная в случае, если вы хотите повторно использовать резервную копию или просто отключить переменные