Css 将属性更改或添加到div中的span

我的显示代码可能如下所示：

<div class="displayApproved">
    <span class="bold">this is my text</span>
</div>

这是我的文本

My

.displayApproved

有一个

填充顶部：8px

以与其相邻元素对齐，这对于非粗体内容很好

---

当内部有一个

时，有没有办法在不创建新类“displayApprovedBold”（几个内容页需要更改）的情况下将div上的填充调整为9px？如果有一个高级CSS规则，如果该div包含粗体跨度，那么它会调整该div的填充，那么只要做一个更改，我就完成了。

使用jQuery，您只需执行以下操作：

$('.displayApproved:has(.bold)').css('propery', 'value');

---

我想在jquery中这样做足够简单。