table css 奇偶样式解决办法

table css 奇偶样式
纯CSS 奇偶样式
谢绝JS脚本

<html>
...忽略

[解决办法]
CSS3可以？
[解决办法]
间隔tr写class
或者
打td th的注意（不符合标准）

HTML code

&lt;!DOCTYPE HTML&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charset="gb2312" /&gt;        &lt;title&gt;&lt;/title&gt;            &lt;style&gt;            td {                background:#eee;            }            th {                font-weight:normal;                background:#ddd;            }        &lt;/style&gt;            &lt;/head&gt;    &lt;body&gt;        &lt;table&gt;            &lt;tr&gt;                &lt;td&gt;1-1&lt;/td&gt;                &lt;td&gt;1-1&lt;/td&gt;                &lt;td&gt;1-1&lt;/td&gt;            &lt;/tr&gt;            &lt;tr&gt;                &lt;th&gt;1-1&lt;/th&gt;                &lt;th&gt;1-1&lt;/th&gt;                &lt;th&gt;1-1&lt;/th&gt;            &lt;/tr&gt;            &lt;tr&gt;                &lt;td&gt;1-1&lt;/td&gt;                &lt;td&gt;1-1&lt;/td&gt;                &lt;td&gt;1-1&lt;/td&gt;            &lt;/tr&gt;        &lt;/table&gt;    &lt;/body&gt;&lt;/html&gt;
[解决办法]
https://developer.mozilla.org/en/CSS/:nth-child
IE9+
[解决办法]
http://www.cnblogs.com/xihulangzi/articles/939591.html
[解决办法]
定义2个class样式
奇数行偶数行用不同的。
[解决办法]
这个又把问题复杂化了。。。。

table css 奇偶样式解决办法

热点推荐