CSS仅影响行中的第一个图像

Question

目标是使类"baPics“的所有内容都具有最大宽度的266 max。

问题是，就像现在一样，每一行中只有第一个映像受到类.的影响。

如果我对每个图像使用内联CSS，它就能工作，但这是效率低下的。

我使用引导作为我的框架。

这是我的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 (I)。