Когда пустое правило last-child
применяется ко всем тегам td
, а тег tr
не содержит ни одного, правила nth-child
применяются неправильно.
Например, этот CSS:
tr:nth-child(odd) td {
background: #27d;
}
tr:last-child td:last-child {
}
с этим HTML:
<table>
<tr><th colspan="10"></th></tr>
<tr><td></td>[10 times]</tr>
<tr><td></td>[10 times]</tr>
...
</table>
работает правильно в Firefox 5.0.1 (поочередно печатает синие и белые линии) и Safari 5, но не в Safari 5.1 и Chrome 13.0.782.215:
http://www.jill -jenn.net / шашки / зебра /
Что-то еще более удивительное: когдаВы вставляете код CSS вместо ссылки на него, поведение в WebKit отличается.
http://www.jill -jenn.net / drafts / zebra-striping /nolink.html
Я уже сделал заявку на Apple Bug Reporter, но мне хотелось узнать, нашел ли кто-нибудь что-нибудь подобное.