title: How to style Pagination Item from Pagination in Material-UI, ReactJS?
body: <p><strong>Summary</strong><br />
  Hi, everyone!  In this question, I would like to ask you how to style child component when you import parent component only from material-ui.</p>
  <p><strong>Problem</strong><br />
  I would like to override Pagination Item's class imported from Material-UI. I just import Pagination component from Material-UI. How can I access child component (Pagination Item component) style from Pagination component?</p>
  <p>For example. I want to apply this style to Pagination Item component.</p>
  <pre class="lang-css prettyprint-override"><code>.Mui-selected {
    &quot;background-color&quot;: &quot;transparent&quot;;
    &quot;color&quot;: &quot;#19D5C6&quot;;
  }
  </code></pre>
  <p>I have below TSX code.</p>
  <pre><code>import React from 'react';
  import { makeStyles, createStyles } from '@material-ui/core/styles';
  import Pagination from '@material-ui/lab/Pagination';
  
  // This style doesn't reach to Pagination Item
  const useStyles = makeStyles((theme) =&gt;
    createStyles({
      root: {
        'selected': {
          backgroundColor: 'transparent',
        },
      },
    }),
  );
  
  export default function BasicPagination() {
    const classes = useStyles();
    return (
      &lt;Pagination count={10} className={classes.root} /&gt;
    );
  }
  </code></pre>
  <p><strong>What I have now</strong></p>
  <p><img src="https://i.stack.imgur.com/yj8Iy.png" alt="Design I have now" /></p>
  <p><strong>What I want to have</strong></p>
  <p><img src="https://i.stack.imgur.com/4JJ8W.png" alt="Design I want to make" /></p>
  <p><strong>References</strong>:</p>
  <ul>
  <li>Pagination Demo: <a href="https://material-ui.com/components/pagination/" rel="noreferrer">https://material-ui.com/components/pagination/</a></li>
  <li>Pagination API: <a href="https://material-ui.com/api/pagination/" rel="noreferrer">https://material-ui.com/api/pagination/</a></li>
  <li>Pagination Item API: <a href="https://material-ui.com/api/pagination-item/" rel="noreferrer">https://material-ui.com/api/pagination-item/</a></li>
  </ul>