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.

Vietlubu viết 18:55 ngày 01/10/2018

.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

Tiến Minh viết 19:02 ngày 01/10/2018

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?

Vietlubu viết 19:04 ngày 01/10/2018

Đú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 đó.

Tiến Minh viết 18:55 ngày 01/10/2018

cám ơn bạn đã giải đáp, thật tuyệt vời

Bài liên quan
0