Without the new property margin-trim, I’m forever doing :last-child { margin-block-end: 0; } and things like that to prevent an elements margin from combining with a parent elements padding to make too much space. The fact that we can avoid the extra awkward targeting and removal rule with this is great. I’ll stick by Coyier’s Padding Law:
When you add
paddingto a container element, addmargin-trimin the same directions.
Either I’m missing something, or I don’t see any problem with continuing to use the classic next-sibling combinator to define margins.
p + p {
margin-block-start: 1lh;
}
I think if you limit yourself to working with margins in only one direction (usually the start direction, whether inline or block), there’s no problem. Can you think of any cases where margin-trim could be truly differential?