Combinators
Example
To use combinators, simply define them as properties within the style object for the desired class. Each selector is written as a key with its styles defined in an inner object.
const style = st({
  componentId: "components/docs/combinators",
  container: {
    display: "flex",
    flexDirection: "column",
    "> span": { 
      color: "blue",
      fontSize: "14px",
    },
    "+ p": { 
      marginTop: "8px",
      color: "green",
    },
    "~ div": { 
      border: "1px solid gray",
      padding: "8px",
    },
  },
});
Available Combinators
+
>
~