僅影響第一排圖像的CSS

Question

目標是讓類「baPics」的所有內容都具有266px的最大寬度。

現在的問題是，現在只有每一行中的第一個圖像受到該類的影響。

它的工作原理是，如果我爲每個圖像使用內聯CSS，但效率不高。

我使用bootstrap作爲我的框架。

這裏是我的HTML

    <div class="row"> 
         <div class="3u"></div> 
         <div class="7u"> 
          <img class="baPics" src="images/graft1.jpg" alt=""> 
          <img class="baPIcs" src="images/graft2.jpg" alt=""> 
         </div> 
         <div class="3u"></div> 
        </div> 
        <div class="row"> 
         <div class="3u"></div> 
         <div class="7u"> 
          <img class="baPics" src="images/ivan1.jpg" alt=""> 
          <img class="baPIcs" src="images/ivan2.jpg" alt=""> 
         </div> 
         <div class="3u"></div> 
        </div> 

這裏是我的CSS

.baPics { 
    max-width: 266px; 
} 

Answer 1

<img class="baPics" src="images/graft1.jpg" alt=""> 
<img class="baPIcs" src="images/graft2.jpg" alt=""> 

注意類名是不同的，應該是

<img class="baPics" src="images/graft1.jpg" alt=""> 
<img class="baPics" src="images/graft2.jpg" alt=""> 

沒有大寫I（一世）。