自定义CSS元素相互覆盖

我在wordpress主题中添加了以下自定义CSS，以更改该网站移动版菜单的位置：

@media (max-width: 767px) {
.mob-nav {
top: 25% !important;
}

然后，我添加了以下代码，以调整网站完整桌面版徽标上的边距：

@media (min-width: 992px) {
.right-menu .logo img {
margin-top: -15px !important;
}

@media (min-width: 768px) {
.right-menu .logo img {
margin-bottom: -5px !important;
}

当我添加第二位代码时，它会覆盖我为菜单添加的CSS。我知道它们之间存在某种冲突，但我不知道如何解决

谢谢

试试这个：

@media (max-width: 767px) .mob-nav { top: 50% !important; }
@media (min-width: 992px)
{
 .right-menu .logo img
 { 
  margin-top: -15px !important; 
 }
 }

@media (min-width: 768px) 
{ .right-menu .logo img
{ 
   margin-top:0px !important;
   margin-bottom: -5px !important;
}
}

试试这个：

@media (max-width: 767px) .mob-nav { top: 50% !important; }
@media (min-width: 992px)
{
 .right-menu .logo img
 { 
  margin-top: -15px !important; 
 }
 }

@media (min-width: 768px) 
{ .right-menu .logo img
{ 
   margin-top:0px !important;
   margin-bottom: -5px !important;
}
}

---

我让它工作了，我将代码的顶部更改为：

    @media (max-width: 767px)
    {
    .mob-nav 
    { 
    top: 25% !important; 
    }
    }

我猜它以前少了一个暴徒导航

---

谢谢您的帮助！

我已经让它工作了，我将代码的顶部更改为：

    @media (max-width: 767px)
    {
    .mob-nav 
    { 
    top: 25% !important; 
    }
    }

我猜它以前少了一个暴徒导航

---

谢谢你的帮助！

语法错误…检查你的

{}

请使用更好的编辑器，它们可以节省你很多时间。更好的编辑器？我刚刚从Chrome Developer中提取了代码，并将其添加到我主题中的自定义CSS字段中。语法错误…检查你的

{}

请使用更好的编辑器，它们可以节省您的大量时间。更好的编辑器？我刚刚从Chrome Developer中提取了代码，并将其添加到我的主题中的自定义CSS字段中。感谢您的响应！您的代码的边距是正确的，但是.mob nav元素仍然被覆盖。感谢您的响应！边距是正确的，y我们的代码，但是.mob nav元素仍然被覆盖。