I'm trying to come up with a CSS-only solution to target any cards that only have headers in them with no body (so that they can automatically have no margin-bottom). I realize I am most likely missing a relatively basic concept of CSS here, so I don't mind if this question isn't "solved" per se, but that I understand why this isn't valid.
Thank you
Edit: here is the example HTML to pair with this. Sorry about that.
I would want to be able to target this .card-header, but not the .card-header of the example below this.
<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>
Does that make more sense? I'm not trying to target the .card, so it isn't that I'm trying to target a parent, but rather a sibling when a specific sibling doesn't exist.