我遇到的第一个问题是，我没有对被称为“ tb2”的表进行样式设置。注意，我通过调用第一个表“ tb1”和另一个“ tb2”来区分两个表，所以我不明白为什么两个表都受影响。
我遇到的第二个问题是表格边框不是我声明的10px纯绿色。难道是因为“ tb1”中的边框（我在代码中甚至没有提到）与我要制作的新边框冲突吗？
如果有人能解决这个难题，请帮忙！我被卡住了！
<!doctype html>
<html>
<head>
<style type="text/css">
#tb2 table {border:10px solid green;}
tr {background-color:black;}
th {color:white;}
td {border:5px dotted red;color:white;}
</style>
</head>
<body>
<table id="tb1" border="5"
width="50%" height="200" cellpadding="10" cellspacing="3">
<tr><th colspan="3"><h2>Fruit!</h2></th></tr>
<tr>
<th>Strangers</th>
<th>Friends</th>
<th>Family</th>
</tr>
<td>Lemon</td>
<td>Pear</td>
<td>Blueberry</td>
</tr>
<td>Plum</td>
<td>Apple</td>
<td>Strawberry</td>
</tr>
</table>
<table id="tb2">
<tr><th colspan="3"><h2>Fruit!#2</h2></th></tr>
<tr>
<th>Strangers</th>
<th>Friends</th>
<th>Family</th>
</tr>
<td>Lemon</td>
<td>Pear</td>
<td>Blueberry</td>
</tr>
<td>Plum</td>
<td>Apple</td>
<td>Strawberry</td>
</tr>
</table>
</body>
</html>
最佳答案
尝试这个：
#tb2 {border:10px solid green;}
tr {background-color:black;}
th {color:white;}
td {border:5px dotted red;color:white;}
由于元素“＃tb2”直接应用于表，因此无需指定“表”