Bộ chọn:con cuối cùng không hoạt động như mong đợi trong HTML5

Bộ chọn con cuối cùng được sử dụng để chọn phần tử con cuối cùng của phần tử cha. Nó không thể được sử dụng để chọn phần tử con cuối cùng với một lớp cụ thể dưới một phần tử mẹ nhất định.

Tạo kiểu cho phần tử li con cuối cùng với background-color -

li:last-child{
   background-color: blue;
}

Nó tạo ra các vấn đề nếu phần tử không phải là phần tử cuối cùng.

Hãy để chúng tôi xem một ví dụ về -

<div>
   <a></a>
   <a>This will be selected</a>
</div>