我遇到了一个我以前没有遇到过的问题。我正在网站http://recruitingprocessanalytics.redbranchmedia.com上工作,当用户单击登录时,它会重定向到子域http://app.recruitingprocessanalytics.com/。子域使用来自主站点的样式表。问题是,它忽略了一些 CSS 规则,但不是全部。
例如,查看开发人员工具中子域上的 h1“Demo”。它应该有 10px 的边距顶部,我在开发人员工具中看到它,但它只是没有添加边距。
我遇到了一个我以前没有遇到过的问题。我正在网站http://recruitingprocessanalytics.redbranchmedia.com上工作,当用户单击登录时,它会重定向到子域http://app.recruitingprocessanalytics.com/。子域使用来自主站点的样式表。问题是,它忽略了一些 CSS 规则,但不是全部。
例如,查看开发人员工具中子域上的 h1“Demo”。它应该有 10px 的边距顶部,我在开发人员工具中看到它,但它只是没有添加边距。
margin-top 和 margin-bottom 仅适用于块元素,不适用于内联元素!
您将标题元素的通常行为更改为 display: inline; 在 common.css 文件中,防止显示边距。
我猜http://recruitingprocessanalytics.redbranchmedia.com上没有使用 common.css 文件。
将行为更改为 display: block;,然后将显示边距!
尝试在 HTML 中添加 margin-top: 10px inline。像这样:
<h1 style="margin-top:10px">Title</h1>
我建议这样做的原因是查看样式是否被应用。如果是这样,则您的问题是特异性问题,或者某些事情超出了您的 CSS。
检查样式表是否以不同的顺序链接。或者,如果您的 h1 标签中已经有内联样式?
如果是我尝试调试它,我将从内联样式开始。
希望这可以帮助!