我想根据外部table给出表格的颜色。
例如，在我的情况下，有两种颜色的蓝色和绿色。因此，如果table的颜色为绿色，那么该表中的table，我想要table蓝色的颜色，这件事就是嵌套的。
但我只是想要蓝色标题然后td颜色是淡蓝色
我的css代码如下所示。
<!DOCTYPE html>
<html>
<head>
<title>Custom Print_r</title>
<style type="text/css">
table{
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.bl{
border-color: #0000cc;
text-align: left;
background: #4444ce;
color: white;
}
.gn{
border-color: #006600;
text-align: left;
background: #009900;
color: white;
}
tr{
}
.bl td:nth-child(odd){
background-color: #ccddff;
border-color: #0000cc;
color: black;
}
.bl td:nth-child(even){
background-color: white;
border-color: #0000cc;
color: black;
}
.gn td:nth-child(odd){
background-color: #CCFFCC;
border-color: #006600;
color: black;
}
.gn td:nth-child(even){
background-color: white;
border-color: #006600;
color: black;
}
</style>
</head>
<body>
</body>
</html>
<table border='2' class=bl ><th colspan='2' class=bl>Array</th><tr><td>a</td><td class=bl><table border='2' class=gn ><th colspan='2' class=gn>Array</th><tr><td>aa</td><td class=gn><table border='2' class=bl ><th colspan='2' class=bl>Array</th><tr><td>aaa</td><td class=bl>Hi</td></tr><tr><td>bbb</td><td class=bl>hello</td></tr><tr><td>ccc</td><td class=bl>how</td></tr><tr><td>ddd</td><td class=bl>are</td></tr><tr><td>eee</td><td class=bl>you</td></tr></table></tr><tr><td>ab</td><td class=gn><table border='2' class=gn ><th colspan='2' class=gn>Array</th><tr><td>aaa</td><td class=gn>How</td></tr><tr><td>bbb</td><td class=gn>may</td></tr><tr><td>ccc</td><td class=gn>I</td></tr><tr><td>ddd</td><td class=gn>help</td></tr><tr><td>eee</td><td class=gn>you</td></tr></table></tr><tr><td>ac</td><td class=gn><table border='2' class=bl ><th colspan='2' class=bl>Array</th><tr><td>aaa</td><td class=bl>Hi</td></tr><tr><td>bbb</td><td class=bl>hello</td></tr><tr><td>ccc</td><td class=bl>how</td></tr><tr><td>ddd</td><td class=bl>are</td></tr><tr><td>eee</td><td class=bl>you</td></tr></table></tr></table></tr><tr><td>b</td><td class=bl><table border='2' class=gn ><th colspan='2' class=gn>Array</th><tr><td>ba</td><td class=gn><table border='2' class=bl ><th colspan='2' class=bl>Array</th><tr><td>aaa</td><td class=bl>Hi</td></tr><tr><td>bbb</td><td class=bl>hello</td></tr><tr><td>ccc</td><td class=bl>how</td></tr><tr><td>ddd</td><td class=bl>are</td></tr><tr><td>eee</td><td class=bl>you</td></tr></table></tr><tr><td>bb</td><td class=gn><table border='2' class=gn ><th colspan='2' class=gn>Array</th><tr><td>aaa</td><td class=gn><table border='2' class=bl ><th colspan='2' class=bl>Array</th><tr><td>aaa</td><td class=bl>How</td></tr><tr><td>bbb</td><td class=bl>may</td></tr><tr><td>ccc</td><td class=bl>I</td></tr><tr><td>ddd</td><td class=bl>help</td></tr><tr><td>eee</td><td class=bl>you</td></tr></table></tr><tr><td>bbb</td><td class=gn>may</td></tr><tr><td>ccc</td><td class=gn>I</td></tr><tr><td>ddd</td><td class=gn>help</td></tr><tr><td>eee</td><td class=gn>you</td></tr></table></tr></table></tr></table>