01/10/2018, 16:52
Không chọn được child selector
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.
Bài liên quan
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êmcolor: black;
trong*
thôi.Cách set color mặc định cho các element
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ủali
đó 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 đó.cám ơn bạn đã giải đáp, thật tuyệt vời