Как понять различные типы значений, упомянутые в спецификации CSS?
В спецификации CSS (https://www.w3.org/TR/css-cascade/#declared-value) в разделе 4 говорится о различных типах значений. Правильно ли я понял концепцию?
Скажем, у меня есть эти два правила CSS в одном файле
p {
color:red;
}
p{
color:blue;
}
Правильно ли я
- -свойство
colorуp- этоdeclared value? Значение цвета
cascaded-blue?Значение
specified-blue. Если бы я не объявил это значение, значение -specifiedбыло бы некоторым значением по умолчанию?Расчетное значение -
blue. Если бы я использовал некоторые относительные значения, например. em,% (однако, неверно для примера цвета), то вычисленное значение было бы некоторым абсолютным числом?Используемое значение - это значение, которое можно реально использовать. например, если вычисленное значение составляет 4,2 пикселя, то используемое значение будет 4 пикселя (как браузер не могу сделать 0,2 пикселя)
Да, каскадирование становится более интересным с различными правилами доминирования в специфичности. В вашем случае просто побеждает последнее значение равной специфичности.
Спасибо. Я знаю, что пример, который я использовал, не очень хорош, но я пытаюсь понять принцип работы css. Кажется, что если для элемента не объявлено правило css, тогда используется какое-то значение по умолчанию для конкретного браузера (или, возможно, какое-то значение, унаследованное от родителя). Если для элемента указано правило, то каскадирование решает, какое правило выигрывает (поскольку к элементу могут применяться разные правила из-за специфики). Кроме того, относительные значения (например, auto, inherit, initial преобразуются в абсолютные значения (например, 3em в 14px). Значения также могут округляться (например, от 14,2 до 14 пикселей).
Было бы полезно создать более надежный пример, чтобы вы могли правильно обсудить / определить, когда используется каскадное значение, нюансы в используемом значении и т. д. Ваш примерный код не помогает выявить различия очень четко.