used to select the direct children of an element
const StyledDropdown = styled.div`
display: flex; flex-direction: column; gap: 24px; padding: 0 16px; width: 640px; >:last-child { align-self: flex-end; }
The > symbol in the CSS-in-JS syntax you shared is called the child combinator. In CSS, it’s used to select only the direct children of an element. In this case, >:last-child targets only the last direct child of StyledDropdown, applying the specified style (aligning it to the end of the flex container).