PrimeNg TabMenu Angular 11：在右侧设置最后一个标签

Question

我正在使用 Angular 11 和 PrimeNG 以及 Flex 的样式。

来自 PrimeNG 我现在使用 TabMenu。

想象一下，现在我想放三个标签：Tab 1、Tab 2 和 Tab 3。我想在浏览器的左侧有 Tab 1 和 Tab 2，在右侧我只想要 Tab 3。

我正在使用下一个样式：

.p-tabmenu .p-reset {
  width: 100%;
  display:flex;  
  justify-content: flex-start;
  background-color: red !important;
  flex-wrap: wrap;
}

还有李子：

.p-tabmenu .p-reset > li:nth-child(5)  {
  float: right;
}

thisd style angular 无法识别，我不明白为什么。

如何使用 Flex 设置右侧的 Tab 3？或者可能具有 TabMenu 的某些属性？

Answer 1

我在 CSS 中找到的一个解决方案是：

.p-tabmenu .p-reset {
  position: relative;
}

.p-tabmenu .p-reset > li:nth-child(5)  {
  position: absolute;
  right: 0;
  top: 0;
  
}

那行得通。