<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用CSS3中的结构伪类选择器来实现隔行变色的表格</title>
<style type="text/css">
table tr:nth-child(even){
background-color: #f00;
}
table tr:nth-child(odd){
background-color: #00f;
}
table tr:hover{
background-color: #ccc;
}
</style>
</head>
<body>
<!-- 代码结构简写/table键 -->
table>tr*20>td{数字$}*10
</body>
</html>
转载请注明:大灰牛博客 » 使用CSS3中的结构伪类选择器来实现隔行变色的表格