仅限父级的填充

Question

我有一个带有下拉菜单的标题，现在我想在滚动时编辑标题的填充，但我不想更改下拉菜单的填充... HTML：

<li><a>Menu</a>
<ul>
    <li><a>Dropdown</a></li>
    <li><a>Dropdown</a></li>
    <li><a>Dropdown</a></li>
    </ul>
</li>

Jquery的：

$(".navigator li").animate({ paddingTop : '15px', paddingBottom : '15px' }, {duration: 200, queue:false});

现在我怎样才能将孩子的填充保持为0？

Answer 1

假设.navigator是您的父<ul>元素的类，您可以使用direct descendent selector（>）：

$(".navigator > li").animate({ paddingTop : '15px', paddingBottom : '15px' }, {duration: 200, queue:false});