Ahmad Shadeed on CSS display: contents; — a feature that makes the DOM pretend that element just isn’t there (but it’s children are). Anything you use it for requires specific accessibility testing, but it can be quite useful. There are lots of use-cases here many of which boil down to “sometimes I want all these elements to be siblings, and sometimes I want wrappers around some of them”. I like Jeremy’s idea that HTML web component wrappers use this to remove themselves from equation, if the only purpose of that web component is augmenting the content already within it.
Learn to Work with Web Components
Dave Rupert's course on Web Components will get you entirely up to speed on this powerful native web platform technology. As Dave says, it's HTML with Superpowers.