jQuery - 在<li> </li>中选择第n个孩子

Question

我正在尝试选择<a> <span>中<li>

的第n个孩子中的<li> <span><a></a></span> <span><a></a></span> ...... <span><a></a></span> </li>

HTML

$(function(){
 if ($('body').attr('class') == 'special') {
  $('li span:nth-child(1) a').css({'color' : '#444444'});
 };
});

的jQuery

<a>

我在这里缺少什么，因为它似乎没有选择{{1}}

感谢

Answer 1

您的代码有效，you can test it here，请确保以下几点：

您的代码在document.ready处理程序中运行的内容如下：

$(function() {
  $('li span:nth-child(1) a').css({'color' : '#444444'});
});

并且您的主播具有href或name属性，否则浏览器可能会将其渲染为已禁用，而忽略了某些样式。