从选择器列表中排除具有特定类的div中的输入

Question

我们有一个has-error类，我们将其应用于div且输入有错误。

.has-error select, .has-error textarea, .has-error .mydp, .has-error input {
  border: 1px solid red !important;
}

但是还有另一个div mydp，它对某些控件（输入和按钮）进行了分组。因此，使用上述has-error类，在这种情况下我们得到了2个边框。 我想在CSS选择器上方的input表单内排除.mydp。

我尝试过

.has-error select, .has-error textarea, .has-error .mydp, .has-error input:not(.mydp input)

但是不知道为什么它排除了所有输入。

现在我正在使用

.has-error .mydp input {
  border: none !important;
}

删除input内的边框形式.mydp及其工作正常。但我希望将其排除在第一选择器本身之外。

.has-error select, .has-error textarea, .has-error .mydp, .has-error input {
  border: 1px solid red !important;
}
<div class="has-error">
    <div>
        <input />
    </div>
    <div>
        <span class="mydp"  >
            <input />
            <a href="#">btn</a>
        </span>
    </div>
</div>