仅影响第一排图像的CSS

目标是让类“baPics”的所有内容都具有266px的最大宽度。仅影响第一排图像的CSS

现在的问题是，现在只有每一行中的第一个图像受到该类的影响。

它的工作原理是，如果我为每个图像使用内联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; 
}

来源

2015-04-02 DanMossa

第一个是'baPics'，第二个是'baPIcs'，首都是i。复制并粘贴是你的朋友！ – 2015-04-02 23:17:20

<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（一世）。

来源

2015-04-02 23:18:23

仅影响第一排图像的CSS

回答

相关问题