CSS類的訂單顯示不同的結果

bb類的背景顏色將是紅色，如果我將代碼移動到intro-block類的css代碼之前，但是如果我把它放在intro-block類的css代碼之後，顏色不會改變，也不會發生任何反應！誰能告訴我爲什麼會發生這種情況？！CSS類的訂單顯示不同的結果

.left-column { 
 
    width: 35%; 
 
    margin-left: 20px; 
 
    margin-right: 50px; 
 
    float: left; 
 
    overflow: hidden; 
 
} 
 

 
.right-column { 
 
    overflow: hidden; 
 
} 
 

 
.intro-block { 
 
    background-color: #22AAA1; 
 
    margin: 0 auto; 
 
    /*max-width: 950px;*/} 
 
} 
 

 
.bb { 
 
    background-color: red; 
 
}

<body> 
 
    <header> 
 
    <section class="intro-block"> 
 
     <div class="left-column"> 
 
     <img class="profile-pic right-column" src="img/11.jpg"> 
 
     </div> 
 
     <div class="right-column"> 
 
     <h1>lorem ipsum</h1> 
 
     <p> 
 
      <h4>lorem ipsum</h4> 
 
     </p> 
 
     </div> 
 
    </section> 
 
    </header> 
 
    <main> 
 
    <section class="bb"> 
 
     <h3>lorem ipsum</h3> 
 
     <div class="left-column"> 
 
     <div> 
 
      <p>lorem ipsum</p> 
 
     </div> 
 
     </div> 
 
     <div class="right-column"> 
 
     <h5>lorem ipsum</h5> 
 
     </div>

來源

2017-08-25 amdkfe

你有一個額外}之前.bb {}

注：不p

包標題（h1至h6）你應該縮進/整理你的代碼更好地閱讀，並且你會發現這個錯誤很容易ÿ

.left-column { 
 
    width: 35%; 
 
    margin-left: 20px; 
 
    margin-right: 50px; 
 
    float: left; 
 
    overflow: hidden; 
 
} 
 

 
.right-column { 
 
    overflow: hidden; 
 
} 
 

 
.intro-block { 
 
    background-color: #22AAA1; 
 
    margin: 0 auto; 
 
    /*max-width: 950px;*/ 
 
} 
 

 

 
.bb { 
 
    background-color: red; 
 
}

<body> 
 
    <header> 
 
    <section class="intro-block"> 
 
     <div class="left-column"> 
 
     <img class="profile-pic right-column" src="img/11.jpg"> 
 
     </div> 
 
     <div class="right-column"> 
 
     <h1>lorem ipsum</h1> 
 
     <h4>lorem ipsum</h4> 
 
     </div> 
 
    </section> 
 
    </header> 
 
    <main> 
 
    <section class="bb"> 
 
     <h3>lorem ipsum</h3> 
 
     <div class="left-column"> 
 
     <div> 
 
      <p>lorem ipsum</p> 
 
     </div> 
 
     </div> 
 
     <div class="right-column"> 
 
     <h5>lorem ipsum</h5> 
 
     </div> 
 
     </section> 
 
    </main>

來源

2017-08-25 13:38:25 dippas

/最大寬度：950像素;/}

你有一個額外的}報價行與以下規則弄亂了以後......

來源

2017-08-25 13:46:44 v2belleville

CSS類的訂單顯示不同的結果

回答

相關問題