nthlastchild-selector example RUN
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta charset="utf-8">
5
        <title>Học lập trình miễn phí tại freetuts.net</title>
6
        <script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
7
    </head>
8
    <body>
9
        <h1>Học lập trình miễn phí tại freetuts.net</h1>
10
11
        <ul class="freetut">
12
            <h3>Khóa học 1</h3>
13
            <li> Name: PHP</li>
14
            <li>Time: 48 Videos</li>
15
            <li>Author: Nguyễn Văn A</li>
16
        </ul>
17
        <ul class="freetut">
18
            <h3>Khóa học 1</h3>
19
            <li> Name: HTML</li>
20
            <li>Time: 28 Videos</li>
21
            <li>Author: Nguyễn Văn B</li>
22
        </ul>
23
     
24
        <button onclick="myFunction()">Click vào đây để xem kết quả</button>
25
        <script>
26
            function myFunction(){
27
                $( ".freetut li:nth-last-child(1)" ).css( "color", "red");
28
            }
29
        </script>
30
    </body>
31
</html>