css3 - css 选择器如何同时使用属性选择和顺序选择？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

css3 - css 选择器如何同时使用属性选择和顺序选择？

大家讲道理 2017-04-17 11:54:12

[CSS3讨论组]

725

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

大家讲道理

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

全部回复(2)

大家讲道理2017-04-17 11:56:12 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 都可以