Selecting all But the First Custom Element

Scenario

We have multiple custom elements in a container like this:

<app-header-selection></app-header-selection>
<app-header-selection></app-header-selection>

We want a CSS selector that selects all but the element, so that we can space the remaining elements by 2rem .

Approach

app-header-selection:not(:first-of-type) {
margin-left: 2rem;
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store