css - 将 CSS 应用于对象，除非后跟段落

Question

我想知道如何将 CSS 应用于 h2，除非它直接跟在 paragraph 之后。在这种情况下，将 CSS 应用于 paragraph。

我有几个部分，每个部分都有自己的标题。但是，有时它后面会有一个副标题。我正在为每个标题应用底部边距，但如果有副标题，则两者之间不应该有边距。在这种情况下，下边距应应用于 h2 下方的段落。

但是..我该如何解决这个问题？

我可以给每个带有字幕的 h2 一个带有“gotSubtitle”的类，这样我就可以将它们分开，但这不是做到这一点的“顺利”方法。

Answer 1

刚刚做到了。

article h2:not(.gotsubtitle){
    color: red;
}

<article>
    <h2 class='gotsubtitle'>Oi</h2>
    <p>Test</p>
</article>

<article>
    <h2>Oi</h2>
</article>

添加了类和 :not 选择器。 ;)不太流畅，但是……我们可以用纯 CSS 来做。

另一种可能性:

使用 jQuery...

$('article').has('p').addClass('title');

article.title h2{
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article>
        <h2>Oi</h2>
        <p>Test</p>
    </article>

    <article>
        <h2>Oi</h2>
    </article>