title: How to have page specific styles for parent class in react
body: <p>I have a couple of wrapper html elements in my app.tsx file. I have a default styling for the outermost "main-content" container, but I want to style it differently for a specific page. </p>
  
  <p>The reason I am having trouble doing that now is:</p>
  
  <p>The router component is a child of "main-content", so I can't create a class name for the component I am creating in order to selectively style "main-content".</p>
  
  <p>Is there some way I can include an internal stylesheet inside of a specific component, so that I can affect its parent class? </p>