本地主机上的style.css表未正确保存

时间:2017-12-07 22:35:28

标签: css wordpress

我正在使用phpmyadmin和Ampps在本地主机上构建一个wordpress主题。

我已将以下内容粘贴到style.css文件夹

    body {

    font-family: Arial;
    font-size: 15px;
    color:  #333333
    background: #f4f4f4;
    margin:0;
    padding:0;
    line-height: 1.7em;
}

header {

    background: #393939;
    color: #ffffff;
    padding: 20px 10px;

}

header h1 {

    color: #ffffff;
    margin:0;
    padding:0;
    padding-bottom: 10px;

}

a {

    color: #333333;

}

article.post {

    border-bottom: 1px #cccccc solid;
    overflow: hidden;
    padding-bottom: 20px;

}

.container {

    width:1020px;
    margin:0 auto;
    overflow: auto;

}

.main {

        margin: 15px 0;

}

footer {

    background: #393939;
    color: #ffffff;
    padding: 20px 10px;
    text-align: center;

}

article.post a.button {

    display: inline-block;
    background:#333333;
    color:white;
    padding: 10px 5px;
    margin-bottom:  10px;
    text-decoration: none;

}

.meta {

    background:#333333;
    color:white;
    padding: 5px;

}

.post-thumbnail img{

    width: 100%;
    height:auto;





.main-nav li{

    list-style: none;
    float: left;
    padding-right: 15px;

}

.main-nav {

    background: #4169E1;
    color: #ffffff;

}

我的header.php文件夹中的代码是:

<nav class="main-nav">

        <div class="container">

            <?php 
                $args = array(

                'theme_location'    => 'primary'

            );

            ?>
            <?php wp_nav_menu($args); ?>
        </div>

    </nav>

然后functions.php代码是这样的:

function simple_theme_setup() {

        //Featured Image Support
        add_theme_support('post-thumbnails');

        //Menus
        register_nav_menus(array(

            'primary'   => __('Primary Menu')

        ));
    }

我希望能够像之前一样立即在网站上看到更改,但这并没有发生。

我转到&#34;查看页面来源&#34;然后单击style.css链接。它需要我,但样式表的更改不存在。

我在几分钟后重试,并且对样式表进行了更改,但更改未在网站上生效。

我读到我可能需要清除缓存文件,因此我清除了浏览缓存但是没有做任何事情。有人会对此有任何意见吗?

编辑:在经过一些挖掘之后,我感觉到它的一些其他风格超越了之前宣布的风格(based on this answer)。我将!important标记放在主导航样式上,但仍然没有返回任何内容。

1 个答案:

答案 0 :(得分:0)

之后修正了它
.post-thumbnail img{

    width: 100%;
    height:auto;

我忘记了上次}

感谢所有帮助过的人!只是证明一件小事可以完全弄乱整个过程。