Hướng dẫn css not(:last-child) - css not (: last-child)

  • Trang chủ
  • Tham khảo
  • CSS
  • CSS3
  • :last-child

Định nghĩa và sử dụng

  • ":last-child" chọn thành phần cuối cùng của thành phần cha.
  • Chỉ chọn thành phần có thành phần cha, những thành phần độc lập sẽ không được chọn.

Cấu trúc

:last-child {
    property: value; 
}

Ví dụ

HTML viết:



Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

  • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
  • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần độc lập thứ nhất

Thành phần độc lập thứ 2

Thành phần độc lập thứ 3

Thành phần độc lập thứ 4

Thành phần độc lập thứ 5

Thành phần độc lập thứ 6

Hiển thị trình duyệt khi chưa có CSS:

Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

  • Thành phần thứ 2
  • Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

Thành phần độc lập thứ nhất

Thành phần độc lập thứ 2

Thành phần độc lập thứ 3

Thành phần độc lập thứ 4

Thành phần độc lập thứ 5

Thành phần độc lập thứ 6

p:last-child{
    color: blue;
}

CSS viết:

Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

Thành phần thứ nhất

  • Thành phần thứ 2
  • Thành phần thứ 2

Thành phần thứ 3

Thành phần thứ 4

Thành phần thứ 5

Thành phần thứ 6

ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

Thành phần độc lập thứ nhất

Thành phần độc lập thứ 2

Thành phần độc lập thứ 3

Thành phần độc lập thứ 4

Thành phần độc lập thứ 5

Thành phần độc lập thứ 6

CSS viết:

Hiển thị trình duyệt khi đã có css:

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

  • Đọc
  • Bàn luận
  • Xem thảo luận

    Cải thiện bài viết

    Lưu bài viết

    Đọc
    This article explains the :not[:last-child]:after selector. This selector does not select the element after the last child element. It is mostly used to add the content after every child element except the last.
    Example 1: This example creates a simple div element. It does not uses :not[:last-child]:after selector. 
     

    HTML

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    5

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    7

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    9

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    1

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    3

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    5

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    7

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    9

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    61

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    63

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    65

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    67

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    641

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4855>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0html5>6>

    2

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    2>855>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    42>

    html5html>

    Output:   
     

    Các trình duyệt được hỗ trợ: After applying the pseudo selector :not[:last-child]:after to the above example.
     

    HTML

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    641

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    5

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    7

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    9

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    1

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    3

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    5

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    7

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    6
    p:last-child{
        color: blue;
    }
    9

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    61

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    63

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    65

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    67

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    49

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    48>9>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    46 >7>87>86>

    ____106 >7>8>9>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    46 >7>87>86>

    ____106 >7>8>9>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    46 >7>87>86>

    html5>2>

    ____106 >7>8>9>

    Output:   
     

    Explanation:   
     

    • html5html> Selects all the elements with class ‘inner-div’ inside elements with ‘div’ class. Here, all three divs have class ‘div’ with two children divs with class ‘inner-div’. It selects all six div element with class name ‘inner-div’.
    • :not[:last-child]  
      • .div .inner-div: Chọn tất cả các yếu tố với lớp ‘bên trong các phần tử bên trong với lớp‘ Div. Ở đây, cả ba div đều có lớp ‘Div, với hai đứa trẻ div với lớp’ nội tâm. Nó chọn tất cả sáu phần tử div với tên lớp ‘bên trong div.
      • Bộ chọn: không [] loại trừ phần tử được truyền cho nó từ lựa chọn.
      • : Bộ chọn con cuối cùng chọn đứa trẻ cuối cùng.
    • Kết hợp hai bộ chọn trên này để loại trừ những đứa trẻ cuối cùng [div bên trong] của mỗi div cha mẹ khỏi lựa chọn. This is a great selector to add content [or sometimes, even block-level elements] after the selected elements [Here the first inner-div in every set of inner-divs]. So, the content ‘not in the bottom div’ is indeed only added in the top div and not in the bottom div.

    : Sau đây là một bộ chọn tuyệt vời để thêm nội dung [hoặc đôi khi, thậm chí các phần tử cấp khối] sau các phần tử được chọn [ở đây là phần bên trong đầu tiên trong mỗi bộ các bộ phận bên trong]. Vì vậy, nội dung ‘không ở DIV phía dưới thực sự chỉ được thêm vào div trên cùng chứ không phải ở DIV phía dưới. 
     

    Ví dụ 3: & nbsp; & nbsp;

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    429

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    631

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    633

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    635

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    49

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    439

    HTML

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    49

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0html5
    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    2>

    html5head>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    641

    2

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    2>855>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0675>6>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    0

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    08626359>

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    42>

    Output:   
     

    
    
    

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    Thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần thứ nhất

    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2
    • ul cùng cấp với p, nên tất cả li bên trong đều được coi là thành phần thứ 2

    Thành phần thứ 3

    Thành phần thứ 4

    Thành phần thứ 5

    Thành phần thứ 6

    Thành phần độc lập thứ nhất

    Thành phần độc lập thứ 2

    Thành phần độc lập thứ 3

    Thành phần độc lập thứ 4

    Thành phần độc lập thứ 5

    Thành phần độc lập thứ 6

    4

    Bài Viết Liên Quan

    Chủ Đề