:last不能跟别的选择器混用么?还是只能用元素选择器?那为什么我的div也不行

为什么我后面的这些代码都有问题?

<!DOCTYPE html>

<html>

    <head>

        <title>:first过滤选择器</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <link href="style.css" rel="stylesheet" type="text/css" />

    </head>

    

    <body>

        <div>改变最后一行"苹果"背景颜色:</div>

        <div>

            <ol id="test">

                <li id="test1">葡萄</li>

                <li id="test1">香蕉</li>

                <li id="test1">橘子</li>

                <li id="test1">西瓜</li>

                <li id="test1">苹果</li></ol>

        </div>

        <div>

            <ol id="test">

                <li id="test1">葡萄</li>

                <li id="test1">香蕉</li>

                <li id="test1">橘子</li>

                <li id="test1">西瓜</li>

                <li id="test1">苹果</li></ol>

        </div>

        <div><ol id="test">

                <li id="test1">葡萄</li>

                <li id="test1">香蕉</li>

                <li id="test1">橘子</li>

                <li id="test1">西瓜</li>

                <li id="test1">苹果</li></ol>

        </div>

        

        <script type="text/javascript">

           //$("div:first").css("background-color", "red");

           //$("ol:last").css("background-color", "red");

            $("div:last").css("background-color", "red");

            $("div:last").css("background-color", "red");

            $("#test:last").css("background-color", "red");

             $("#test1:last").css("background-color", "red");

        </script>

    </body>

</html>


浅陌洛城
浏览 1807回答 2
2回答

陌卍言

可以混用,你取的是div整个集合,友情提示:id是页面中唯一存在的,你加last和不加是没有区别的,如果ID不唯一,请修改代码
打开App,查看更多内容
随时随地看视频慕课网APP