試圖選擇在CSS的<img>和改變其尺寸

所以我想要做的只是選擇img標籤，並改變它的大小，我試圖用類選擇器，ID，但他們似乎並沒有做工作中，我得到了這個在當地工作，但只要我把它上傳到服務器的CSS不生效試圖選擇在CSS的<img>和改變其尺寸

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那工作s：

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

但我想使用選擇器incase我以後添加更多的圖像。

來源

2015-09-17 Frank

你是不是針對圖像本身，'＃logo3'將針對股利。你應該把一個類或ID的''：「！重要」''和CSS'.logo {/ *樣式* /}' – misterManSam

你可以嘗試

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

或者用jQuery

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

來源

2015-09-17 23:17:31

我試過.logo3 IMG，它的工作表示感謝！ – Frank

Pleasure ....使用「.logo3」與類或「＃logo3」一起使用ID –

這對我的作品......

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; 
}

//另外兩個也適用

嘗試增加「！重要的「 d，並檢查是否沒有覆蓋你的CSS。

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

來源

2015-09-17 23:17:19 DevWL

我嘗試添加不工作 – Frank

事情已經覆蓋你的CSS。當我測試它時，它完美地工作。也許其他的CSS文件或一些JavaScript/JQuery腳本 – DevWL

試圖選擇在CSS的<img>和改變其尺寸

回答

相關問題