不能超越 CSS 文本样式和图像向下移动？答案

【问题标题】：Can't over ride CSS text style and images shifting down?不能超越 CSS 文本样式和图像向下移动？
【发布时间】：2013-12-27 15:26:31
【问题描述】：

在第三个“页面”（作品集）上，我有三张图像可以翻转并在“背面”显示文本。我有两个问题：

任何想法我的错误在哪里？我几乎是个新手，一直在拼凑这段代码。

提前感谢您的帮助！

史蒂夫

【问题讨论】：

【解决方案1】：

您想在此文本中应用什么风格？已经有设置样式的 css 规则，并且您可能有一些 CSS 覆盖阻止您的更改。您可以在末尾添加!important 新规则，但这不是最好的解决方案。最好的解决方案是使用一些浏览器开发工具检查您的 CSS（例如：firebug for firefox）并查看如何将新的 CSS 规则集成到现有代码。
对于第二个问题，图像有一个top-margin 所以他们被向下移动。边距适用于#section1 img msi_style.css 的第 173 行你可以删除它，但要确保它也不会更改其他图像。

编辑

翻牌背面文字大小来自msi_style.css第190行.intro p

【讨论】：

好的。最高利润是问题！对于文本，我只想让“卡片”背面的非标题文本更小。但我不确定该文本是从 CSS 中拉出它的样式的。
@Steve 翻牌背面的文字大小来自.intro pmsi_style.css的第190行（见我的编辑）
啊哈。我看到当我改变它时，我也改变了大多数其他“页面”的正文类型。我真的只想将“卡片”上的文本减少到 1em 而不是 .introp 的 1.5em。对最佳实践有什么建议吗？
@Steve 将此添加到您的 css 中： .intro .flip p{font-size:1em;}
删除样式表中 p 之前的点，它应该可以工作。

【解决方案2】：

检查你的 css 规则究竟崩溃的萤火虫，并尝试使用元素和 id 组合使你的这条规则更具体...... 或者暂时您可以通过在新规则末尾使用 !important 来修复它，但这不是最好的解决方案....

【讨论】：