2016-09-05 150 views
0

我有點懷疑這裏有一件小事。我製作了一個線框,我開始製作。該行:「一段文字」必須有背景。但是,如何在不設計所有h2標籤的情況下製作背景?據我瞭解,給h2標籤上課不是一種好習慣嗎?單個h2標籤的背景顏色

Picture

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> 
+1

_「據我所知,給h2標籤上課不是一種好習慣」_這根本不正確。完全沒問題。 – j08691

+1

在那裏添加ID?檢查'innerText'(如果使用JS)?不,上課不是很好 – Li357

+0

啊沒關係。就在我前幾天跟我說過的老闆。永遠不要給h2上課。你必須學會​​繼承。 – McDuck4

回答

1

使用一個ID,甚至是唯一的類是好的,沒有錯吧。但要回答你的問題而不涉及類,你需要使用DOM元素的層次結構。一個這樣的方法是:

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

的說,選擇h2元素是一個段落是一個div是一個部分的孩子的孩子的相鄰兄弟。

查看MDN section on CSS combinators瞭解更多信息。

+0

謝謝你的回答。你知道一個我可以閱讀這個層次結構的網站嗎? – McDuck4

+0

我在回答結尾添加了一個鏈接 – j08691

+0

非常感謝您在這裏的回答。 – McDuck4