无法弄清楚如何将css应用于我的页脚中的菜单

Question

我是一个全新的编码和疯狂抢购我的网站完成之前我必须在4天内投入使用。我的网站上的菜单有严重问题。我使用拖放编辑器来构建它，并使用我需要的html元素工具自定义小部件。我遇到的问题是，编辑器只能使用一个主css文件来设置菜单样式...这意味着我所有的菜单无论在“编辑器”设置中都有15px填充它们。对于我的页脚来说，这是一个很大的问题，它包含很多链接。我需要找到一种方法将css仅应用于页脚中的菜单。 （主页面中有一些coppies意味着实际上有几个页脚，每个主页一个）

很遗憾，因为我对代码这么新，我真的不知道我到底在做什么。 但总之，我只需要能够为我的页脚制作一小块css，我可以应用它只会影响其中的菜单而不会影响其他地方

我不想将代码粘贴在这里作为这个问题的一部分，因为我真的不知道要查找哪个部分以及我对我的代码看起来很少有点长达5页。所以，如果你可以帮助我，让我知道要寻找什么或如何找到它（我擅长使用谷歌浏览器检查工具），所以我只能粘贴所需的东西。

以防万一当前链接到我的网站。

http://sites.simbla.com/fd066dd7-48f1-6002-53ae-f18c93075f27/careersart_art?misc=1475010324849

Answer 1

我想您没有选择将类添加到编辑器中。您的页脚不使用页脚标记，而是使用类'containerHolder'的div的另一个实例。你可以做什么（因为页脚是这个类的最后一个实例）是使用css：last-child选择器。

您的代码如下：

    div.containerHolder:last-child li {
       // css rules here
    }

这只会定位页脚内的项目。这不是最好的方法，但可能是唯一的方法，因为您无法控制或了解标记本身。以上示例仅针对页脚内部的li。

Answer 2

我不是100％想要你想要的东西，但你可以使用#MP485 ul li作为选择器来选择所有菜单项，或者如果你想要链接#MP485 ul li a，那么如果你想编辑填充你可以使用这样的东西：

#MP485 ul li { 
     padding-bottom: 2px !important; 
}

如果您最后使用!important，则应覆盖任何其他样式。