css3 - css 选择器如何同时使用属性选择和顺序选择?
大家讲道理
大家讲道理 2017-04-17 11:54:12
0
2
558

我需要给 p[class^="xxx"] 的最后一个元素定义样式,
可是写 p[class^="xxx"]:last-of-type 不起作用,请问要怎么写呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(2)
大家讲道理
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <style type="text/css">
        .d1{
            width: 200px;
            height: 500px;
            background-color: #0077B0;
        }
    </style>
    <body>
        <p class="d1">
            <ul>
                <li class="zz">li-1</li>
                <li class="zz">li-2</li>
                <li class="zz">li-3</li>
                <li class="zz">li-4</li>
                <li class="zz">li-5</li>
            </ul>
        </p>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $(".d1").click(function() {
                    alert( $("li.zz:last").text() );
                })
            })
        </script>
    </body>

</html>


last last-child 都可以

Peter_Zhu

你很可能需要了解last-of-type和last-child的差別

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板