Question

所以我要做的就是选择一个img标签并改变它的大小，我尝试使用类选择器和id，但它们似乎不起作用，我让它工作在本地，但是一旦我将其上传到服务器，css就不会生效

HTML

<div id="logo3">
  <img src="img/fehr.png" alt="logo">
</div>

css我试过但没有工作：

img[src="img/fehr.png"] { 
  height: 90px; 
  width: auto;
}
img[alt~="logo"] { 
  height: 90px; 
  width: auto;
}
#logo3 { 
  height: 90px; 
  width: auto; 
}

css有效：

img { height: 90px; width: auto; }

但是我想使用选择器，以后我会添加更多图片。

Answer 1

你可以尝试

#logo3 img{
    height: 90px; width: auto;
}

或者使用Jquery

$('#logo3 img').css('height','90');

Answer 2

这对我有用......

HTML

<div id="logo3"><img src="img/fehr.png" alt="logo"></div>

CSS

img[src="img/fehr.png"] {
     height: 100px;
     width: auto;
     background-color: red;
}

//其他两个也有效

尝试在最后添加'！important'，并检查是否没有覆盖您的CSS。

img[src="img/fehr.png"] {
     height: 100px!important;
     width: auto!important;
     background-color: red!important;
}

尝试在css中选择<img/>并更改大小

2 个答案: