score:0

nested css selectors can be used in this case.

const usestyles = makestyles((theme) => ({
  container: {
    background: "pink"
  },
  item: {
    height: "200px",
    width: "200px",
    background: "lightblue",
    margin: "10px",
    "&>h1":{
      color:'green'
    },
    "&>button:last-of-type": {
      background: "red"
    },
  }
}));

here is the jss documentation.

here is the working demo:
edit stackoverflow access style  (forked)


Related Query

More Query from same tag