2010-03-16 87 views
0

我需要一些CSS樣式的幫助。我已經嘗試過使用Firebug的各種選項,無法對此進行分類。如何在我的帖子上設置縮略圖的樣式(例如url:http://thatcriticguy.com/index.php?post/4/crossover-9-revamped-reinvented-and-a-must-have),而不是同時對帖子中的所有圖片進行樣式設置。我在這個網站上有很多帖子,只需要樣式是縮略圖的樣式。如何在這篇文章中縮略圖縮略圖?

有沒有辦法做到這一點,而無需使用CSS修改模板代碼?

回答

0

沒有辦法使用純CSS,因爲縮略圖沒有可以區分它們的標識符和其他圖像。您唯一的選擇是修改模板代碼或使用javascript來挑選帖子中的第一張圖片並對其應用樣式。

+0

支持我想我會做這個,有一個很難在模板中找到位置,其中圖像定義,但我會努力。謝謝回答。 – 2010-03-16 19:13:28

0

您需要在要使用CSS進行樣式設置的圖像上具有「class」屬性。這樣你的CSS只能在你想要的圖像上工作。

例如,你可以有這個HTML

<img src="..." class="thumbnail"/> 

這個CSS:

.thumbnail {...} 
0

如果您的文章結構始終是相同的,這應該做的伎倆:

.post-content p:first-child img 
{ float: right } 

它解決了post-content下面第一段中的所有img元素。

不通過IE 6 Source at Quirksmode.org