Pseudos

Pseudos and other CSS queries#

For pseudo elements, pseudo selectors and any other CSS queries, use the &query key:

const myStyle: RBStyle = {
  textStyle: {
    fontSize: px(16),
    color: "black",
    "&query": {
      "&:nth-child(2)": {
        fontSize: px(32),
      },
      "&:hover": {
        color: rgb(239, 71, 111),
      },
    },
    "& a": {
       // Your syles here
    }
  },
};

Pseudos and other CSS queries