Tôi có bảng sau, với dòng đầu tiên chứa 2 dòng con và dòng thứ hai chứa 3 dòng con.Html multilines tables (rowspan) - làm thế nào để zebra đúng cách?
Whith phong cách css này, màu ngựa vằn (ie màu thay thế trên hai hàng liên tiếp) là bị lỗi, tế bào chính thứ hai sẽ có màu trắng và không màu xám:
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
Vì vậy, là có một cách để zebra màu như một bảng đúng cách?
Tất nhiên, sự cố thực sự của tôi có giao dịch với nhiều hàng hơn, với số lượng các dòng phụ thay đổi nhiều hơn nhiều.
<head>
<style>
tr:nth-child(odd) {background-color: #eee;}
tr:nth-child(even) {background-color: #fff;}
</style>
<head>
<body>
<table border="1">
<tr>
<td rowspan="2">
Big1
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td rowspan="3">
Big2
</td>
<td>
small1
</td>
</tr>
<tr>
<td>
small2
</td>
</tr>
<tr>
<td>
small3
</td>
</tr>
</table>
</body>
"màu ngựa vằn" là gì? – Oded
Đã thêm định nghĩa cho màu ngựa vằn: màu thay thế trên hai hàng liên tiếp – Vinzz
Bạn muốn sọc vằn trông như thế nào? – BoltClock