调整大小的图像只有一个尺寸

我使用Wordpress插件从其他网站使用RSS源导入博客文章。进口的帖子中包含我所使用的CSS调整大小的图像只有一个尺寸

img { 
    width:200px !important; 
}

该工程确定设置为统一尺寸的图像，因为只有宽度尺寸设定的高度调整到正确的比例为原始图像，以及！重要覆盖在导入的帖子中设置的图片大小。

但是，在我不想调整大小的导入帖子（例如，feedburner等）中也存在社交媒体共享图像。

我可以将过滤器添加到CSS图像尺寸仅适用于图像超过一定大小（例如超过100个像素宽）？

N.B.我试图在头

<script type = "text/javascript" language = "javascript"> 
 
$(document).ready(function() { 
 
\t $("myDivClass").css(img{ width:200px !important;}); 
 
}); 
 
</script>

用在哪里我要调整图像的DIV是

<DIV class="myDivClass">

添加此但这并没有工作。

来源

2017-06-07 pcoz

有趣的使用，但我从来没有看过，这是可以通过CSS ，也许你可以尝试使用JavaScript或自wordpress插件。 –

是否可以设置类名？如果不是，那么你可以单独通过CSS来定位社交媒体图像吗？像img [src = *“facebook.png”] – karthick

你必须选择使用div类的图像。

例如你的代码是：

<div class="parentofall"> 
    <div class="firstparent"> 
     <img src="imageurl"> 
    </div> 
    <div class="secondparent"> 
     <img src="imageurl"> 
    </div> 
    <div class="thirdparent"> 
     <img src="imageurl"> 
    </div> 
</div>

你的CSS要这样：

.parentofall .firstparent img { 
    width: 100px; 
    height: 100px; 
}

要选择所选图像，或者你可以简单地选择firstparent没有parentofall。

去选择图像的另一种方法是：

.parentofall > firstparent img { 
width: 100px; 
height: 100px; 
}

来源

2017-06-07 04:20:07

该div嵌套深度大约12层，有没有什么办法可以在CSS中引用它而不指定父div？ – pcoz

到底

<script> 
 
\t 
 
    $(document).ready(function() { 
 
\t \t $(".MyDivClass img").width(200); 
 
    }); 
 
\t 
 
    </script>

来源

2017-06-09 01:06:58 pcoz

调整大小的图像只有一个尺寸

回答

相关问题