继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

:first-child子元素过滤选择器的使用

vyeecn
关注TA
已关注
手记 2
粉丝 6
获赞 30

$("li:first-child").css("background-color", "green");
如上代码是获取 li为子元素,并且是第一个子元素的对象

<body>
        <h3>改变每个"蔬菜水果"中第一行的背景色</h3>
        <ol>
            <li>芹菜</li>
            <li>茄子</li>
            <li>萝卜</li>
            <li>大白菜</li>
            <li>西红柿</li>
        </ol>

        <ol>
            <li>橘子</li>
            <li>香蕉</li>
            <li>葡萄</li>
            <li>苹果</li>
            <li>西瓜</li>
        </ol>

        <ol>
            <span>apple</span>
            <li>橘子</li>
            <li>香蕉</li>
            <li>
                <ul>
                    <li>apple</li>
                </ul>
            </li>
            <li>葡萄</li>
            <li>苹果</li>
            <li>西瓜</li>
        </ol>

        <script type="text/javascript">
            $("li:first-child").css("background-color", "green");
        </script>

图片描述

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP