title: Override css class in React
body: <p>My target is to override css class in react. Already defined class has properties from css framework. I want to save that properties and to add some own new.</p>
  
  <p><strong>Html:</strong></p>
  
  <pre><code>import styles from '../../css/style.scss';
  
  export default class Class extends React.Component {
  
    constructor() {
      super();
    }
  
    render() {
      return (
        &lt;div className="item"&gt;
          &lt;div className="image"&gt;
            &lt;img src="" /&gt;
          &lt;/div&gt;
          &lt;div className="content"&gt;
            &lt;span className="header"&gt;&lt;span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        );
      }
  };
  </code></pre>
  
  <p><strong>Sass:</strong></p>
  
  <pre><code>.item {
      .content {
          .header {
              text-transform: capitalize;
          }
      }
  }
  </code></pre>