When a <p> element is styled with a CSS property that holds an invalid value, like 'blah', it may create confusion regarding its color representation. Instead of rendering the expected green, the fallback mechanism of CSS takes over. Since CSS does not process the invalid value at runtime, it defaults to the inherited color from the body element. In this case, the <p> color becomes blue due to this inheritance and CSS's handling of invalid values.
In a normal HTML layout, if the custom property in the CSS is invalid, the color does not render as the expected green. Instead, CSS falls back to the inherited color from the body element, which is blue.
CSS does not validate the value of a custom property in real-time. When a custom property is considered invalid, it defaults to inherited styles.
Collection
[
|
...
]