如何在不使用xpath的情况下查找元素的父代和祖父代

Question

<button click-stop-propagation="" mat-button="" class="mat-button" ng-reflect-disabled="true" disabled="">
 <span class="mat-button-wrapper">
  <i class="icon icon-md delete-icon"></i>
  <span>Delete</span>
</span>
<div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-centered="false" ng-reflect-disabled="true" ng-reflect-trigger="[object HTMLButtonElement]"></div>
<div class="mat-button-focus-overlay"></div>
</button>

我想找到icon icon-md delete-icon的祖父mat-button，量角器有什么办法做到这一点，我想避免使用xPath。

我知道使用xpaths可以做到这一点（by.css（'。icon.delete-icon'））。element（by.xpath（'../ ..'））;有什么办法可以使用CSS识别它？