CSS：选择具有条件的特定子

Question

我需要找到没有 x-hidden 类的 super-dad 的儿子，如果找到它，请确保它唯一，如下所示（次子）。

从右：

<div class="super-dad">
 <div class="first-son x-hidden"> </div>
 <div class="second-son"> </div>
 <div class="third-son x-hidden"> </div>
</div>

  

找到第二个儿子。

错误：

<div class="super-dad">
 <div class="first-son x-hidden"> </div>
 <div class="second-son"> </div>
 <div class="third-son"> </div>
</div>

  

这里没有比赛。

我正在使用 CSS 。 CSS应如下所示：

找到一个超级爸爸的孩子，如果只有一个

，就不会隐藏它并应用这种风格

.super-dad:someCSSexpression{ border-botton: 0; }