CSS媒体查询（@media函数）

我有一个wordpress网站。我面临自定义媒体css代码的问题。当我试图保存代码时，它会消失，不会在网站上反映出来。任何帮助都将不胜感激。以下是我试图添加的代码：

@media only screen and (max-width: 719px)
.site-title {
display: none;
}

@media only screen and (max-width: 719px)
#nav-header.nav-container {
background-image: URL(http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png);
background-repeat: no-repeat;
background-position: center;
}

---

您应该将查询包装在{}中，如以下示例所示：

@media only screen and (max-width: 719px) {

    .site-title {
        display: none;
    }

    #nav-header.nav-container {
        background-image: URL(http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png);
        background-repeat: no-repeat;
        background-position: center;
    }
}

---

代码中存在语法错误。您需要正确地打开和关闭它们。

{}

@media有自己的{}。两个媒体查询是相同的。这里不需要两个。你说得对，康奈索，我只是复制了他的代码，没有检查查询的宽度。谢谢：）谢谢您的快速解决方案：）