早上好,
我正在从头开始创建我的第一个 Wordpress 主题,并且遇到了第一个障碍。
如果你看看我到目前为止的进展;
http://www.trevorpeters.co.uk/brad/?page_id=4
您会看到 CSS 链接正确,但 H1 标签和 P 标签并没有从定义的样式中获取所有属性,在 Mozilla Firefox 开发工具中,一些属性被划掉但没有被任何其他属性覆盖样式。
谢谢,布拉德休斯顿
你的 style.css 高于你的 reset.css .. 你期望什么?
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/css/reset.css" type="text/css" media="screen" />
应该
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/style.css" type="text/css" media="screen" />
检查您的 header.php 中的代码...
您的样式被reset.css line 92
. 您可以computed styles
在开发工具中查看最终将哪种样式应用于您的元素以及该样式的来源名称。当有很多样式相互覆盖时,这非常方便。
您需要切换style.css
and的顺序,reset.css
然后一切都应该没问题,因为现在您的样式表覆盖了reset.css
.
看起来您以错误的顺序放置了 CSS 文件。
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.trevorpeters.co.uk/brad/wp-content/themes/andromeda/css/reset.css" type="text/css" media="screen" />
你在 style.css 之后重置了你的风格。
您需要重新排序 css 样式表。您将 reset.css 放在 style.css 之后,因此重置与样式重叠。