多个CSS伪类的行为[重复]

Question

我正在尝试设计一个 CSS 选择器，它将选择没有特定类的父容器中的最后一个兄弟。在这个例子中，我希望标有“Two”的按钮有红色文本。

.hidden {
    display:none;
}

button:not(.hidden):last-of-type {
    color:red;
}

<div>
<button>One</button>
<button>Two</button>
<button class="hidden">Three</button>
</div>

然而，它在这个例子中的工作方式是，要被选中，一个按钮必须是列表中的最后一个按钮，并且它不能有隐藏类。

我想选择最后一个没有隐藏类的按钮。

我有办法做到这一点吗？