調整大小的圖像只有一個尺寸

我使用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

調整大小的圖像只有一個尺寸

回答

相關問題