使用CSS調整文章中的第一個圖像，而不會影響任何其他圖像

Question

如何在不影響帖子內部任何其他圖像的情況下如何調整CSS中的第一個圖像。如果我使用以下代碼：

#content div.single:nth-of-type(n) img { 
width: 448px !important; 
height: 252px !important; 
padding: 0 !important; 
margin-top: 0; 

它調整了帖子內所有圖像的大小。

我也曾嘗試第n個孩子，但沒有成功：

#content div.single img:nth-child(1){ 
width: 448px !important; 
height: 252px !important; 
padding: 0 !important; 
margin-top: 0;} 

這裏是the Demo

Answer 1

與CSS容易解決這樣的：

.single p:nth-child(2) > img { 
width: 448px !important; 
height: 252px !important; 
padding: 0 !important; 
margin-top: 0; 
} 

Answer 2

爲什麼沒有目標，你需要一個這樣的形象：

.alignnone.size-full.wp-image-35095 { 
width: 448px !important; 
height: 252px !important; 
padding: 0 !important; 
margin-top: 0; 
} 

當你有一個有空間的類你在css中定位類，但是你用點來改變每個空間。

如果你想永遠的目標在後第一個圖像，然後你可以運行的Jquery：

$("#content img").first().attr('width', '150'); 

順便說一句，你有一個重要的在你的第一個形象，我掙扎着，爲什麼這是行不通的：P

Answer 3

你可以試試這個：

#content div.single img:first-child { 
width: 448px !important; 
height: 252px !important;  
padding: 0 !important; 
margin-top: 0; 
}