单个h2标签上的背景颜色

Question

我对这里的一件小事有点怀疑。我制作了一个线框，我开始制作。这句话：＆＃34;一段文字＆＃34;必须有一个背景。但是，如何在不设置所有h2标签样式的情况下制作该背景？据我所知，给h2标签一个类是不好的做法？

HTML

<section class="container-fluid" id="section1">
        <div class="v-center">
            <h1 class="text-center">COMPANY NAME</h1>
            <h2 class="text-center">Change this <b>subline</b> here</h2>
            <p class="text-center">
                <br>
                <a href="#" class="btn btn-blue btn-lg btn-huge lato" data-toggle="modal" data-target="#myModal">Get Free Membership</a>
            </p>
            <h2 class="text-center">A CATCY PEICE OF TEXT</h2>


            <p class="text-center"><i>Enter your email for more news</i></p>
        </div>
    </section>

Answer 1

使用ID甚至是一个独特的类很好，没有任何问题。但是要在不参考类的情况下回答您的问题，您需要使用DOM元素的层次结构。一种方法是：

section > div > p + h2 {...}

说明选择h2元素作为段落的相邻兄弟，该段落是作为节的子节点的div的子节点。

查看MDN section on CSS combinators了解详情。