为什么这个CSS选择器不起作用？ .card＆gt; .card-header~ *：not（：card-body）

Question

我试图想出一个仅限CSS的解决方案来定位任何只有头部没有正文的卡片（这样它们可以自动没有边距底部）。我意识到我很可能在这里错过了一个相对基本的CSS概念，所以我不介意这个问题是否已经解决了＃34;本身，但我明白为什么这不是有效的。

谢谢

编辑：这是与此配对的示例HTML。对不起。

我希望能够定位此.card-header，但不能定位此示例下的.card-header。

<div class="row">
            <div class="col-sm-12">
              <div class="card card-default">
                <div class="card-header">Card Title</div>
              </div>
            </div>
          </div>

<div class="row">
            <div class="col-sm-12">
              <div class="card card-default">
                <div class="card-body">
                  <div class="row">
                    <div class="col-sm-12">
                      <p>What information do we want here?</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

这更有意义吗？我并没有试图以.card为目标，所以我并没有试图瞄准父母，而是在某个特定兄弟姐妹不存在的情况下成为兄弟姐妹。