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

Question

我正在使用 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')

        ));
    }

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

我转到“查看页面源代码”并单击 style.css 链接。它带我到那里，但样式表的更改不存在。

我在几分钟后重试，样式表的更改出现了，但是更改没有在网站上生效。

我读到我可能需要清除缓存文件，所以我清除了我的浏览缓存，但这并没有做任何事情。有人对此有任何意见吗？

编辑:经过更多挖掘后，我感觉是其他样式覆盖了之前声明的样式 ( based on this answer )。我将 !important 标签放在主导航样式上，但仍然没有返回任何内容。

Answer 1

在

之后修复了它

.post-thumbnail img{

    width: 100%;
    height:auto;

我忘记了最后一个

感谢所有帮忙看的人!只是证明一件小事如何完全搞乱整个过程。