2025-11-13 09:43:53
首先需要在HTML里给表格加样式表,然后在CSS里写两行代码,第一行选所有行用tr标签,第二行给奇数行和偶数行分别换颜色。比如把奇数行的背景色改成灰色,偶数行改成白色。这样每行间隔就会变颜色啦。
为什么这样做呢?因为CSS的nth-child选择器会从1开始数行,奇数行和偶数行交替出现。根据W3C标准,这个特性在2015年就全面支持了,现在主流浏览器支持率超过98%。比如用tr:nth-child(odd){background-color:f0f0f0},浏览器会自动给第1、3、5...行套用灰色。而偶数行用tr:nth-child(even)同理。这样写代码既简洁又高效,比用伪类更直观。数据来源是Can I Use网站前年统计,现在99%的浏览器都能完美识别这种写法。
本题链接: