風格適用於跨類沒有出現在督察樣式

Question

我包一個WordPress功能，.the_post_thumbnail().帶班「後的圖像」的跨度內，像這樣：

echo "<span class='post-image'>".the_post_thumbnail()."</span>"; 

我想要的風格適用於width: 100%以使圖像佔用其容量的100％寬度。但是當在瀏覽器中檢查後期圖像時，沒有任何後期圖像繼承這種風格。

我CSS很簡單：

.post-image { 
    width: 100%!important; 
} 

這是情況，我只是不知道什麼嘗試的類型。我不想在reset.css中進行任何更改，因爲這會影響所有其他圖像 - 我只是試圖爲博客文章設置圖像樣式。

Answer 1

試試這個：（無需呼應，此功能echo`s）

the_post_thumbnail('post-thumbnail'); 

縮略圖後給出一類WP-後的圖像並同時獲得取決於類正在顯示的縮略圖的大小。您可以使用這些CSS選擇器對輸出進行樣式設置：

img.wp-post-image 
img.attachment-thumbnail 
img.attachment-medium 
img.attachment-large 
img.attachment-full 

您還可以爲張貼縮略圖提供自己的類。一類後的圖像顯示縮略圖後：

the_post_thumbnail('post-thumbnail', ['class' => 'post-image']); 

的風采吧：

img.post-image { 
    width: 100%; 
} 

Answer 2

嘗試使用clear css屬性。 https://developer.mozilla.org/en/docs/Web/CSS/clear