給tr的上一級設置css可以實現對表格的一些統一樣式的控制,使表格更加美觀、清晰。
tr {
/* 表格行的樣式 */
}
tr td {
/* 表格單元格的樣式 */
}
/* 給tr的上一級tbody設置樣式 */
tbody {
background-color: #fff;
color: #333;
font-size: 14px;
border: 1px solid #ddd;
}
/* 給tr的上一級table設置樣式 */
table {
border-collapse: collapse;
width: 100%;
text-align: center;
margin: 20px 0;
font-family: Arial, sans-serif;
}
上面的代碼中,我們先對tr和tr下的td設置了樣式,接著給tbody設置了背景色、文字顏色、邊框等基本樣式,再給table設置了樣式,如表格的默認字體、居中對齊等等。
需要注意的是,給表格設置樣式時,如果不想對每個單元格都設置樣式,就需要對tbody和table進行設置。這樣能夠實現對表格的整體樣式控制。