使用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{}