jQuery 101 - 更改 CSS 不适用于高级选择器

Question

这是跨 IE 和 Firefox 的。

我在 li 标签中有一个包含 5 个元素的无序列表。

<script type="text/javascript">
$(function() //when doc is ready
    {
                $("li:first").css('color', 'red');

    }); 

</script>

这绝对没有任何作用，但是如果我省略 :first 部分，它会使所有 li 变成红色，不确定为什么因为我正在学习教程。

这是 html:

<div id="container">
<script type="text/javascript"><!--
$(function() //when doc is ready
{
    $("li:first").css('color', 'red');
});//--></script>

<div id="leftcontent">
<center><img src="http://www.dmu.com/5f/images/thiszis.png"></center>
<div id="hoastdears">
<ul>

<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
</ul>

与

在标题中。

Answer 1

为您的 li:first 选择器指定上下文。像这样的东西:

$("li:first", "ul:first").css("color", "red");