Html 如何在响应css上使用ID标记？

我目前在使我的网站上的图像具有响应性方面存在问题。我可以让它在小提琴上工作，但我的页面不行

这是小提琴的密码

• JSFIDLE

Css:

Html:

我的页面 Html:

---

有什么想法吗？

内联样式优先于外部样式，请用外部样式声明这些内联样式。

---

由于您使用的是引导，我建议您将图像上的图像类设置为img responsive

您在图像上使用的是内联样式。内联样式比ID和类具有更高的特殊性，因此将覆盖您的

div.imggg img

选择器。删除内联样式（理想）或使用

！重要信息

（如果可能，请避免）在CSS中覆盖内联样式。根据定义的属性，也有可能影响事物的

.mod reset

、

.bottom

或

.top

。 img-responsive

<div class="imgg">
<img src="http://studio2d3d.com/wp-
content/uploads/2017/06/ShampooAd_Timeline.gif" width="200" height="200">
</div>

<div class="boldgrid-section">
<div class="container">
<div id="cf" class="imggg">
<p class="mod-reset"><img class="bottom" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_E.jpg" style="width: 80%; max-width: 600px;"></p>
<p class="mod-reset"><img class="top" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_OG.jpg" style="width: 80%; max-width: 600px;"></p>
</div>
</div>
<h2 class="col-md-12 col-xs-12 col-sm-12 color1-color">
</h2>
<div class="container"><div class="row" style="padding-top: 45px;">
</div></div>
</div>

img-responsive