<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>祖先选择器</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(function(){
// $("#mytable tbody tr:even").css("background-color","aliceblue");
// $("#mytable tbody tr:odd").css("background-color","beige");
//祖先选择器
// $("祖先 后代")
// $("table td").css("background-color","beige");
// $("table tbody td").css("background-color","beige");
// $("tbody td").css("background-color","beige");
// $("#mytable td").css("background-color","beige");
// $("div span").css("background-color","red");
//孩子选择器
//$("父亲>孩子")
// $("div>span").css("background-color","red");//div下没有孩子是span，选择不了。
$("p>span").css("background-color","red");//div下没有孩子是span，选择不了。
});
</script>
</head>
<body>
<div>
<p>
<span>Category:Hierarchy</span>
Child Selector("parent>child")
</p>
</div>
<table id="mytable" border="1" cellspacing="" cellpadding="">
<thead>
<tr><th>收费单位</th><th>付款方式</th><th>结算方式</th><th>状态</th></tr>
</thead>
<tbody>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
</tbody>
<tfoot>
<tr><td>统计</td><td>统计</td><td>统计</td><td>统计</td></tr>
</tfoot>
</table>
<table border="1" cellspacing="" cellpadding="">
<tr><th>收费单位</th><th>付款方式</th><th>结算方式</th><th>状态</th></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
<tr><td>xxx有限公司</td><td>手机</td><td>支付宝</td><td>已付款</td></tr>
</table>
</body>
</html>
