Скрыть элемент с css на основе ссылки на маршрутизатор

Question

Я использую плагин, из которого хочу скрыть элемент. Речь идет о кнопках ниже, у них обоих одинаковый класс, но разная ссылка на маршрутизатор, теперь я хочу скрыть только эти кнопки. Мне интересно, могу ли я назвать один из этих элементов отдельным от другого?

<button _ngcontent-c1="" class="mat-menu-item ng-star-inserted" mat-menu-item="" role="menuitem" routerlink="/report" tabindex="0" aria-disabled="false"> ... </button>
<button _ngcontent-c1="" class="mat-menu-item ng-star-inserted" mat-menu-item="" role="menuitem" routerlink="/orders" tabindex="0" aria-disabled="false"> ... </button>

Надеюсь, это возможно. Если нет, я также хотел бы знать. Тогда я перестаю искать решение.

Большое спасибо.

Answer 1

Вы можете выбрать эти элементы с помощью селектора атрибута

button[routerlink="/report"],
button[routerlink="/orders"] {
  display: none;
}