将CSS应用于父标记

Question

我已经看到了很多问题，即如何仅在具有父标签的情况下将css添加到标签中，但是我很难找出为什么我不能将CSS添加到特定标签的父标签中的原因类。例如，我有这个...

div .frontpage-area > .hgrid .hidewidget {
    display:none !important;
}

我想做的是，如果带有“ frontpage-area”的div中没有​​带有子类“ .hidewidget”的子元素<section>，则不显示任何内容。元素布局如下...

<div class="frontpage-area">
    <div class="hgrid">
        <div>
            <section class="hidewidget">
                <div>
                Content To Hide
                </div>
            </section>
        </div>
    </div>
</div>

到目前为止，我所能做的只是隐藏 <section> ，但是如果类别为“”，我希望能够隐藏<div class="frontpage-area">的整个div区域hidewidget”。

任何帮助将不胜感激。我可以使用jquery轻松地做到这一点，但想知道仅使用纯CSS是否可行。

尽管此问题被标记为重复，但已使用多种方法尝试了该引用页面，但对我不起作用。因此与我正在使用的元素无关。