使用CSS替換WordPress主題的內聯樣式

Question

首先，網站 - http://www.channeltraveldeal.co.uk/blog

現在 - 這就是方式，所以放手......嗨，我正在修補朋友WP供電的商業頁面。 可悲的是，我不是所有的網頁設計經驗，我只知道比我的朋友更多，所以如果有人能夠提供幫助，我需要一些幫助。

我試圖確保在盡可能多的平台上正確查看它，已經使用的主題具有內置的響應性設置，這顯然有助於此，但不幸的是標題圖像不是打球而且太大（僅在平板電腦上）。

我讀到，解決這個問題的最佳方法是將其添加到CSS頭部圖像中 -

寬度：100％; 身高：自動;

...這是令人困惑的部分（對我來說），我使用Firebug來定位圖像的HTML和CSS，這就是我發現的 -

HTML - <img width="1010" height="220" alt="Channel Travel Deal" src="http://channeltraveldeal.co.uk/blog/wp-content/uploads/2014/02/ctdlogotrue.jpg" class="preload-me">

CSS（單擊鏈接HTML時從右側窗格中顯示） - http://pastebin.com/6hyN7yTr

我認為“preload.me”img類是我需要修改的類。 我google了一下，想出了幾個不同的片段嘗試，但沒有一個工作。 這是我嘗試過的。

.preload.me { width: 100%; height: auto; }

preload.me { width: 100%; height: auto; }

在CSS值之后，我嘗試了在類名（沒有空格）和/或！之后添加了[style]的這兩個變體。

沒有任何效果。 有人會告訴我，如果我做錯了什么，或者有什么東西阻止我重寫這種內聯風格。 此外，如果我的方法完全是錯誤的軌道，如果我可以做其他方式。

Answer 1

如果class="preload-me"

那么你需要使用css作為preload-me而不是preload.me

它應該是：

.preload-me{}