Re: [css-cascade] do longhands cascade shorthands?

On Thu, Jan 11, 2018, at 11:35 AM, Dennis Heuer wrote:
> Hello
> 
> >From https://www.w3.org/TR/css3-cascade I can't read how the
> following cascading behaves:
> 
> text-decoration: none;
> text-decoration-color: blue;
> 
> Will the second expression add to the first or win over it?

Shorthands never cascade as themselves. They are expanded to corresponding longhands during parsing.

In your example, "text-decoration: none" is expanded, and thus the declaration block is effectively equivalent to:
> /* these three are expanded from `text-decoration` declaration */
> text-decoration-line: none;
> text-decoration-color: currentcolor;
> text-decoration-style: solid;
> /* this one is the longhand declaration */
> text-decoration-color: blue;

- Xidorn

Received on Friday, 12 January 2018 08:30:57 UTC