Re: [csswg-drafts] [cssom] In what order should properties be serialized?

CSS declaration block is an ordered collection of declarations according to [its definition](https://drafts.csswg.org/cssom/#serialize-a-css-declaration-block), and that that order is [the specified order](https://drafts.csswg.org/cssom/#concept-declarations-specified-order). Serialization is based on that order.

That means, in this case, `margin: var(--prop); margin-top: 10px;` should be parsed into
```css
/* margin-top: <placeholder>; <- dropped in favor of the later one */
margin-right: <placeholder>;
margin-bottom: <placeholder>;
margin-left: <placeholder>;
margin-top: 10px; /* <- the new one */
```

So I would say the behavior of Chrome and Firefox is expected, and this is a bug of Edge.

-- 
GitHub Notification of comment by upsuper
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2509#issuecomment-379152590 using your GitHub account

Received on Friday, 6 April 2018 05:33:04 UTC