基于路由器 link 的 css 隐藏元素

Question

我正在使用一个插件，我想隐藏其中的一个元素。关于下面的按钮，它们都具有相同的 class，但具有不同的 Router link，现在我只想隐藏这些按钮中的一个。我想知道是否可以将其中一个元素与另一个元素分开调用？

<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

您可以select那些具有属性select或

的元素

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

基于路由器 link 的 css 隐藏元素

Hide element with css based on router link

css

wordpress

routerlink