Search code examples
csslayoutcss-selectorsspacing

CSS lobotomized owl -VS- :not(:first-child)?

The owl * + * looks nice(though not as readable in my opinion), but is that the only reason it's popular? Is there otherwise no difference between this:

div > * + * {margin-top: 20px;}

And this?:

div > *:not(:first-child) {margin-top: 20px;}
Solution

  • Browser support for the owl is "everything newer than IE 6".

    Browser support for :not is weaker, in particular it isn't supported by any version of Internet Explorer.

    Not that many developers consider IE worth supporting today, but there are some, and habits from years of needing to use techniques that support it die hard.