CSS img [src =＆＃34; ...＆＃34;]未被应用

Question

在this page，我有图片

是@ http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png

上面的页面有this stylesheet，其中包含：

img[src='http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png'] {
    width: 103px;
    height: 192px;  
}

但是，图片未设置为width: 103px或height: 192px，事实上，CSS规则根本没有应用。

我无法解决原因 - 你能吗？感谢。

更新：我已添加了一个类，以便现在可以使用图片代码：

<img class="alignright MHlogo" alt="MH Logo" src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png" width="103" height="192">

和CSS：

.MHlogo {
    width: 103px;
    height: 192px;      
}

但是.MHLogo没有被应用？

Update2 ：我注释掉了

img {
    width:auto;
    max-width: auto !important;
    height: auto !important;
    box-shadow: #000 0em 0em 0em !important;
}

现在正在应用

和.MHLogo。

Answer 1

如果你坚持用href制作它，你需要逃避它。类似的东西：

img[src="http\:\/\/www\.orsgroup\.com\.au\/wp-content\/uploads\/2012\/11\/MH-Logo\.png"] {
    width: 103px;
    height: 192px;  
}

<img class="alignright" alt="MH Logo" 
  src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png"
  width="103" height="192">

我生成此字符串的方法是在Chrome中打开控制台，然后运行：

CSS.escape("http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png");

More about CSS.escape()

我同意这里的每个人都说CSS类是一种更好的方法。我只想确保实际回答具体问题。

Answer 2

您可以在样式表中添加宽度和高度

.controller('HomeCtrl', function($scope, $http, oliveService, $location, $routeParams) {

    console.log('home ctrl');

    $scope.about_info = function(){
    console.log('this is about info');
}
})

.controller('AboutCtrl', function($scope, $http, oliveService, $location, $routeParams) {

    console.log('about ctrl');

    $scope.about_info = function();
})

Answer 3

width：auto，height：auto属性覆盖样式表中所需的高度和宽度

Answer 4

试试这个

<img class="alignright" alt="MH Logo" src="http://www.orsgroup.com.au/wp-content/uploads/2012/11/MH-Logo.png" style="
height: 103px !important;
width: 129px !important;">

如果有效，可以将高度和宽度移动到css类。