JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="document-holder">
    <div class>error_outline</div>
    <p>whatever</p>
    <mat-input class="mat">ASDF</mat-input>
  </div>
</div>

CSS

.container * {
    background-color: red;
}

.container *:not(.mat) {
  background-color: blue;
}