ARTICLE AD BOX
Based on the CSS Tricks article, Inheriting box-sizing Probably Slightly Better Best-Practice, the following approach to resetting the box-model is recommended:
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }However, what happens when we change the order of these declarations to the following?:
*, *:before, *:after { box-sizing: inherit; } html { box-sizing: border-box; }Is there a significant difference, and if so what are its consequences?
