Using inline styles, :pseudo classes are not available. However they can be substitued easily with react's this.state.. Doing so, often requires tests like this.state.hover && "hoverStyle" to apply ...

🌳 Write CSS inside your React components! Contribute to RickWong/react-inline-css development by creating an account on GitHub.

Emotion inline CSS-in-JS import { css, cx } ... Styled JSX is an obvious choice when you are using Next.js, but it is possible to swap in a different React-friendly CSS-in-JS library if you wish.