从类树

Question

努力改变图像的大小。

<div class="mypage">
<div class="mypage-block">
<div class="mypage-image">
<a href="/mylink">
<img alt="" src="mypic.jpg" style="width: 180px; height: 180px;"></a></div>

这就是我试过的

.page .page-block .page-image img {
width: 140px;
height: 140px;
}

当我在Chrome中检查时，它会将此img值显示为＆＃34; element.style＆＃34;设置为180px，这是我在覆盖时遇到问题的值。

Answer 1

删除内联样式...它通常会在CSS表格之后获胜，因为它将具有优先权。

如果需要绝对，您可以通过添加nvl(...)语句强制样式表“获胜”，但不建议这样做。

!important

img {
  width: 140px;
  height: 140px;
}

Answer 2

img元素的内联样式覆盖了CSS样式。

为了撤消这种情况（假设您无法从img元素本身中删除内联样式），您需要在CSS属性中添加！important减速。

您的CSS文件中的类也与HTML中声明的类不匹配

.mypage .mypage-block .mypage-image img {
width: 140px !important;
height: 140px !important;
}