css tr td无效 |css li顶部不对齐

table tr {
border: 1px solid black;
}
table td {
background-color: #eee;
padding: 5px;
font-size: 14px;
}

在样式设置后，表格的边框变成了黑色，且所有单元格的背景颜色都变成了灰色，但是字体大小和内边距却没有改变。

偶开始怀疑是CSS语法有问题，但是检查了无数次也没有发现错误。最后经过一番搜索，偶发现可能是样式选择器不够精确导致的。

经过进一步的分析，偶发现和元素并没有继承外部的样式，而是需要使用更加精确的选择器进行设置才能生效。

table tr {
border: 1px solid black;
}
table tr td {
background-color: #eee;
padding: 5px;
font-size: 14px;
}

加上更加精确的选择器后，所有样式都成功应用到了和元素上。

总结起来，对于表格中的和元素，需要使用更加精确的CSS选择器进行样式设置，否则可能会导致样式失效。