html - tumblr 预览呈现的文本样式与实际站点不同

Question

嘿，这太令人沮丧了，我想不通。我是新手 html/css 编码器。这个问题特别与链接和文本样式有关。它在主题预览编辑器中看起来是正确的...但是当我直接从它的 url 打开我的博客时，它是不一样的，这是我引用问题代码的内容。

请帮助这让我发疯，网址是http://www.ensu3.tumblr.com

自定义选项的元

`

<style type="text/css">

body {
   background: {color:Background} url('{image:Background Image}') 
{text:BackgroundProperties};
    }
.wrapper {
    width: 960px;
    margin: 0px auto;
    padding-top: 25px;
    background-color: white;
    }
 a:link, a:visited {
    text-decoration: none;
    }
 a:hover, a:active {
    text-decoration: none;
    }
.header {
    width: 100%;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    background-color: gray;
    }
#logo img {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }
#title {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: {font:Title};
    font-size: {text:HeaderSize};
    color: {color:Title};
    }
#title h1 {
    margin:0px;
    padding:0px;
    text-transform: uppercase;
    color: black;
    }
#title a:link, #title a:visited {
    text-decoration: none;
    }
#title a:hover, #title a:active {
    color: {color:LinksHover};
    }
#title a {
    transition: color .7s;
    -moz-transition: color .7s;
    -webkit-transition: color .7s;
    -o-transition: color .7s;
    }
#nav {
    margin: 0px;
    padding: 0px;
    background-color: blue;
    color: {color:Links};
    font-family: {font:Links};
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 15px 0px 15px 0px;
    word-spacing: 10px;
    text-align: center;
    }
#nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
#nav li {
    display: inline;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 0px;
    }

<div class="header">
    {block:IfLogoImage}
    <div class="header" id="logo"><a href="/#"><img src="{image:Logo}" /></a></div>
    {/block:IfLogoImage}
    {block:IfNotLogoImage}
           <div class="header" id="title"><h1><a href="/#">{Title}</a></h1>
    {/block:IfNotLogoImage}
</div>
    <div class="header">
        <ul id="nav">
            {block:AskEnabled}
                <li><a href="{/ask}" alt="{AskLabel}">{AskLabel}</a></li>           
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
                        <li><a href="{/submit}" alt="Submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
                        <li><a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
                        <li><a href="test link">TestLink</a></li>
                        <li><a href="test link">TextLink2</a></li>
        </ul>
    </div>`

Answer 1

你记得点击保存吗？

此外，更改可能需要一段时间才能显示出来，因为 Tumblr 非常积极地缓存页面模板。