Heim > Fragen und Antworten > Hauptteil

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

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

大家讲道理2783 Tage vor555

Antworte allen(2)Ich werde antworten

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

<!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 都可以

Antwort

天蓬老师2017-04-17 11:56:12

你很可能需要了解一下last-of-type和last-child的区别

Antwort

StornierenAntwort