我试图仅在一个部分上获得居中的背景图像

Question

我有几个章节标题，但它们是在“section-title”类下全局管理的。我尝试了一个包装器，但它改变了所有设置。这是我想要做的一个例子-http://demo.webisir.com/?product=the_tattooist基本上我想在每个部分添加一个不同的居中图像。

    <div id="last-works" class="section">

        <div class="section-title">
            <h2>Last Works</h2>
        </div>

        <div class="content container">

    .section-title {
     margin: -80px 0 80px 0;
     padding: 80px 0;
     text-align: center;
     text-transform: uppercase;
     border-top: 1px solid #eeeeee;
     border-bottom: 2px solid #eeeeee;


}

Answer 1

将此添加到您的css类。

.section-title:nth-child(1) {
     background: url('firstphoto.jpg') center no-repeat;
}

.section-title:nth-child(2) {
     background: url('secondphoto.jpg') center no-repeat;
}

你可以看到一个例子here。