我是css的新手，并且到目前为止已经过了很好的阅读教程和阅读本网站上的一些很棒的建议，但我无法理解这一点。我正在尝试使用css实现宝丽来效果，并在我的网站上获得一些奇怪的效果。我已经在jsfiddle上测试了代码并且它工作正常，我甚至复制了整个网站css，它仍然在jsfiddle中运行良好。但是一旦我在我的网站上使用该代码，边距，填充，旋转等都是错误的。
请帮助我在这里不知所措，不知道会有什么影响它，我唯一的想法是，由于某些原因，我使用的css选择器没有正确选择元素。
网站页面为：http://kamhairandmakeup.co.uk/vintage/
JSFiddle是：
<iframe width="100%" height="300" src="http://jsfiddle.net/deepwaterlizard/NxsUQ/1/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
或
http://jsfiddle.net/deepwaterlizard/NxsUQ/1/
如果需要，我可以在这里发布css和html，但不想占用太多空间，谢谢你提前。
答案 0 :(得分：0)
我不完全确定，但首先，第一张图片（黑白）在您的网站上有这个HTML：
<p>
<!--the caption that appears below the image-->
<br>
</p>
在figcaption标记之后，它不在您的小提琴中。
看起来您正在使用Wordpress。它的编辑器会生成很多<p>个标签，例如对于每个新行，它将生成<p> </p>或空<p></p>