html - 如何使用 CSS 在模态框中定位 div

Question

我如何才能只定位此图像以对其应用 css 样式？

<img class="images BadgeImgOutline responsive-image" src="http://kudosoo.com/GBadges/badge8.jpg" style="width: 122px; height: 122px;">

我在 CSS 中尝试了几种选择器组合，但似乎无法正确定位它。 (例如 img.images #modal .img)

badgeselect div 中显示的图像

<div id="modal" class="login-form">
                    <div id="heading">

                    </div>          

                        <div id="badgeselect">
                        </div>

Answer 1

img.images.BadgeImgOutline.responsive-image{
/* styles */
}

虽然看起来

img.BadgeImgOutline{
/* styles */
}

就足够了。

I would also suggest you read up on CSS selectors

您使用的选择器取决于所需的特异性级别，即如果您只想选择该图像，您可以引用什么来识别它，而不是其他(为了提高效率) - 这样做的主要方式是是为其分配一个 id 属性，然后将其用作选择器。