Wordpress CSS混乱

早上好

我正在从头开始创建我的第一个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中的代码…

您的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第92行覆盖。您可以在dev工具中查看
计算样式
，以了解最终应用于元素的样式以及该样式来源的名称。当有许多样式相互覆盖时，这非常方便

您需要切换
style.css
和
reset.css
的顺序，然后一切都会好起来，因为现在您的样式表覆盖了
reset.css
的默认设置，您的样式会被
reset.css第92行
覆盖。您可以在dev工具中查看
计算样式
，以了解最终应用于元素的样式以及该样式来源的名称。当有许多样式相互覆盖时，这非常方便

您需要切换
style.css
和
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文件按错误的顺序放置

<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之后，因此reset与样式重叠
 您需要重新排序css样式表。您将reset.css放在style.css之后，因此reset与样式重叠