Mình có file html và css như thế này: https://codepen.io/tiensoul/pen/VBywya
Mình có dùng bộ chọn child selector để chọn 123456 và chuyển sang màu đỏ còn các phần tử con khác không chọn. Cụ thể:
.olist > li {
color: red;
}
nhưng tại sao nó lại chọn tất cả vậy mọi người.
Không chọn được child selector
Vì .olist > li sẽ áp style cho tất cả thẻ li và con của nó. bạn có thể fix bằng cách sử dụng class hoặc set color mặc định cho tất cả element. Thêm color: black; trong * thôi.
* {
font-family: tahoma, Ariral;
list-style-type: none;
color: black;
}
.olist > li {
color: red;
}
Cách set color mặc định cho các element
2 Likes
nhưng mà child selector chỉ chọn phần tử con cấp một thôi mà tại sao lại chọn tất vậy bạn?
Đúng là selector của bạn đang chọn đến li thôi. Tuy nhiên những child của li đó lại chưa được define 1 style nào hết thì nó sẽ nhận style của parent.
Giống như việc giờ bạn style cho 1 mình thẻ ol thì tất cả thẻ li và các thẻ trong đó đề nhận style đó.
4 Likes
cám ơn bạn đã giải đáp, thật tuyệt vời 
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?