Css 在“Angular”中单击“Expandable Mat table”中的任何其他行时，无法从第一行或嵌套表行中删除样式表

请帮我重写这个CSS

单击任何其他行时，我需要帮助从第一行删除样式表。

     getNestedRow(element : Address)
     {
        this.selectedRow = element;
     }

当父行折叠时，还需要帮助从嵌套表行中删除样式表

这是父行的代码-HTML

    <tr mat-row *matRowDef="let element; columns: columnsToDisplay; let i= 
      dataIndex" 
      [class.example-element-row]="element.addresses?.data.length" 
      [class.example-expanded-row]="expandedElement === element" 
      [ngClass]="i===0?'innerRowSelected':''"
      (click)="toggleRow(element)"   >
    </tr>

<tr mat-row *matRowDef="let row; columns: ['expandedDetail']"
 (click) = "getNestedRow(row)"[ngClass]="{ 'selectedInnerRow': row === selectedRow }"
 class="example-detail-row"></tr>

这是来自CSS的代码

.innerRowSelected{
  background: purple;
 }
.selectedInnerRow
{
  font-weight: bold;
}
.example-expanded-row
{
    background: purple;

 }