sass_selectors.js

const List = styled.div`
  // Target immediate children of List that have siblings
  & > * + * {
    margin-top: 16px;
  }

  // Target any List components that are the child of an <article>
  article & {
    color: white;
  }
  
  // Target any adjacent Lists
  & + & {
    margin-top: 16px;
  }
  
  // Target the List when hovered
  &:hover {
    background-color: red;
  }
`;