cuốn sách gpt4 ai đã làm

html - Màu hàng của bảng thay thế cho con trực tiếp

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 10:29:54 31 4
mua khóa gpt4 Nike

Tôi muốn tô màu các hàng của bảng bằng các màu khác nhau nên tôi đang sử dụng cái này

bảng#tin tức tr:nth-child(chẵn) {      
màu nền: đỏ;
}
bảng#tin tức tr:nth-child(odd) {
màu nền: xanh lá cây;
}

Cấu trúc này hoạt động tốt


Hàng 1
Hàng 2
Hàng 3

Nhưng bây giờ tôi đang sử dụng hình thức này.




1
2



Kiểu này cũng hoạt động cho các hàng trong các hàng.

làm sao tôi có thể tiếp tục Cấp độ đầu tiên áp dụng màu thay thế? ?

câu trả lời hay nhất

Hãy thử điều này:

bảng#tin tức > tr:nth-child(chẵn) {      
màu nền: đỏ;
}
bảng#tin tức > tr:nth-child(odd) {
màu nền: xanh lá cây;
}

> có nghĩa là nó #tin tức phải là tr cha mẹ trực tiếp của.

Để làm việc này, bạn cũng phải thêm cơ thể bộ chọn.

bảng#news tbody > tr:nth-child(even) {      
màu nền: đỏ;
}
bảng#news tbody > tr:nth-child(odd) {
màu nền: xanh lá cây;
}

cơ thể Các phần tử được trình duyệt tự động thêm vào.

Dù sao thì những điều trênvẫn không hoạt động, vì bạn không thể chuyển đổitr lồng vàotd ở giữa. Những gì bạn cần làm là td Tạo một bảng hoàn toàn mới trong . Xem cái này:Bảng html tr bên trong td

Chạy đoạn mã bên dưới và xem mã nguồn.

table.news > tbody > tr:nth-child(even) {
màu nền: đỏ;
}
table.news > tbody > tr:nth-child(odd) {
màu nền: xanh lá cây;
}


Hàng 1


Hàng 2


Hàng 3






Bài kiểm tra

Hàng 1


Hàng 2


Hàng 3





Đã sửa





Hàng 1


Hàng 2


Hàng 3






Bài kiểm tra










Hàng 1
Hàng 2
Hàng 3



Về html - màu hàng trong bảng thay thế cho con trực tiếp, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/36570391/

31 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress