Wordpress 样式没有延续到其他页面——为什么？

Question

您是否曾经为 wordpress 标头设置样式，然后发现该标头在较低级别的页面上忽略了您的 CSS 样式？真的可以使用您的帮助来调试这个烦人的问题 - 谢谢提前！！

我在这里为朋友创建一个简单的投资组合网站：http://sundryspirit.com/

主页在页面顶部有一个全局标题，应该出现在网站的每个页面上：

<div id="header">
    <div id="header-top">                   
        <div id="logo">
            <a href="<?php bloginfo('url'); ?>">
            <h1>Sundry &amp; Spirit</h1>                
            <h2>Burning Man Apparel</h2>
            </a>            
        </div>

        <div id="mainNav">
            <?php wp_nav_menu(); ?> 
        </div>
    </div>
</div>

我现在在 style.css 文件中为这个头添加了一些基本样式：

#header {
width: 100%;
height: auto;
background: #e1e1e1;
opacity: 0.75;
margin: 0 auto;
max-width: 960px;
}


#header-top {   
height: 50px;
margin: 10px;
position: relative;
padding: 10px;
text-align: center;
}

这是一个令人讨厌的问题：基本的标题样式不会延续到其他页面上，例如 http://sundryspirit.com/gallery/

如果标头只是来自 header.php 文件，那怎么可能？！感谢您的帮助——我在这方面的经验不足让我发疯了。

Answer 1

您正在使用相对 URL 链接到您的样式表：

<link rel="stylesheet" href="wp-content/themes/sundry/style.css" />

将其更改为绝对 URL：

<link rel="stylesheet" href="/wp-content/themes/sundry/style.css" />
                             ^

或使用get_stylesheet。