1<style>
2TD{height:30px}
3</style>
1<div id="aaa">
2<table>
3<tr>
4<td>aaa</td>
5</tr>
6</table>
7</div>
1<table>
2<tr>
3<td>bbb</td>
4</tr>
5</table>
rt，现在是由一个样式控制整个页面，所有的TD都是30像素高。
现在我希望这个样式只对区间aaa生效，对区间外的不生效。
只改动aaa外部的HTML代码，不改动aaa内部的HTML代码，可以吗？
注：aaa里面有大量的HTML代码，要是在内部逐一设定样式是不可能的
---------------------------------------------------------------
1<style>
2.a1 {height:30px}
3</style>
1<script>
2window.onload=function(){
3var obj=document.all.aaa.all.tags("TD");
4var len=obj.length;
5for(i=0;i<len;i++)
6obj[i].className="a1";
7}
8</script>
1<div id="aaa">
2<table border="1">
3<tr>
4<td>aaa</td>
5</tr>
6</table>
7</div>
1<table border="1">
2<tr>
3<td>bbb</td>
4</tr>
5</table>
---------------------------------------------------------------
1<style>
2#aaa TD{height:30px}
3</style>
1<div id="aaa">
2<table>
3<tr>
4<td>aaa</td>
5</tr>
6</table>
7</div>
1<table>
2<tr>
3<td>bbb</td>
4</tr>
5</table>