更改样式特定元素

Question

我的屏幕上有三个UI网格（页面和局部视图）。在特定网格中，我需要添加一个类来对特定列进行自动换行。

我设置了像吼叫的slyle：

<style>
    .wordwrap .ui-grid-viewport .ui-grid-cell-contents {
      word-wrap: break-word;
      white-space: normal !important;
    }

    .wordwrap .ui-grid-row, .ui-grid-cell {
      height: auto !important;
      background-color: red !important;
    }

    .wordwrap .ui-grid-row div[role=row] {
      display: flex ;
      align-content: stretch;
    }

</style>

<div id="Log-Similaridade-App" ng-app="logSimilaridadeApp" ng-controller="logSimilaridadeCtrl">
    <div class="modal-body">
        <div id="grd-Resultado" ui-grid="grdResultado" class="wordwrap" ui-grid-move-columns ui-grid-auto-resize></div>
    </div>
</div>

但我的所有网格，包括那些没有定义类的网格都在改变风格。

如何设置特定网格的样式？