html - 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 (I)。