Javascript Nivo滑块Nivo控制导航边距

我有一个网站，有4个子页面。我想在每个页面上添加独立高度的nivo滑块。我已经成功添加了3个滑块，但在一个页面上，我想显示

nivo controlNav

的页边距最高为30px，我该怎么做

我的代码如下所示：

.nivo-controlNav {
text-align:center;
padding: 0;
}

这对我的其他3页很好，但我想补充：

.nivo-controlNav {
text-align:center;
padding: 0;
margin-top:30px;
}

---

必须添加一些类或id才能与其他类或id分开。然后你为它写一个风格 特定的类或id或使用内联样式（内联不是一个好的做法） 比如说

.classname
{
margin-top:30px;
}

---

如果是在一个完全独立的页面上，您可以轻松地添加上面的第二组规则。如果它们都由一个样式表管理，您可以这样做

   .differentClassName{
    margin-top: 30px;
  }

---

当您需要在部分添加页边空白时，请将此添加到页面上

<script type="text/javascript">
    $(document).ready(function () {
    $('.nivo-controlNav').css('margin','30px');

    });
</script>

$（文档）.ready（函数（）{
$（'nivo controlNav'）.css（'margin'，'30px'）；
});

如果这对设置z索引没有帮助，请尝试设置上述可见属性 $（'.nivo controlNav'）.css（'z-index'，'1500'）；

---

$（'.nivo controlNav'）.css（'visibility'，'visible'）

所以基本上你想让页边空白只应用于四个页面中的一个吗？没有页边空白的页面是为其他任何页面设计的：（有什么问题吗？将该页面上滑块的页边空白设置为你想要的任何值？如果你想在特定页面上设置页边空白，请使用内联css。实际上，我会尝试这样做，但在nivo滑块“nivo controlNav”中不显示在HTML上…：'（这是我的问题，在nivo滑块中没有显示类名…“nivo controlNav”显示如下..在HTML中..如果我在google chrome中查看，它的显示类似于“nivo controlNav”…您是否在mozila浏览器上安装了firebug？这是为了找出分页div的类右键单击分页div并检查元素，然后获取该div的类（其中显示分页/导航控件）.当你得到div的类名时，请告诉我。如果没有，也请回过头来评论我现在正在使用google web developer，我想它可以做到..我找到了名为“nivo controlNav”的类名然后..然后我认为我上面给你的代码应该可以工作。试着添加上面的代码。设置你想要的任何边距。你可以尝试添加z-index或其他css属性，如$（'.nivo controlNav'）。css（'z-index'，'1500'）；上面

.nivo-controlNav {
text-align: center;
padding:10px 0px 0px 0px;
clear:both;
position: relative;
z-index: 10;}