我一直在处理一些示例,一直想知道通过一个特定元素设置您的样式或将一个 id 附加到它并通过它设置它有什么好处(如果有的话)?例如,如果我们有这张表:
<table>
<tbody>
<tr class="cat1">
<th scope='row'><span id='s'>Table Data</span></th>
<td class='tdh'>Table Data</td>
</tr>
<tr class="cat2">
<th scope='row'><span id='s2'>Table Data</span></th>
<td class='tdh'>Table Data</td>
</tr>
</tbody>
</table>
并且想要设置 span 元素的样式,我们可以通过它与表格的位置来抓取该元素:
table tr.cat1 span {
some css;
}
或通过 id:
#s {
some css;
}
这些实际工作的方式有什么大的不同吗?我发现使用 id 更简单,错误余地更小,尽管我发现很多人使用前者的例子。这有什么具体原因吗?还是真的只是个人喜好?