[英]How do I remove the bottom border from the last row in my html table?
如何從HTML表格的最后一行刪除底部邊框?
這是CSS:
#data {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border: 1px solid red;
}
#data th {
text-decoration: underline;
border: 1px solid blue;
}
#data td {
border: 1px solid blue;
}
#data th, #data td {
padding: 5px;
text-align: left;
width: 150px;
}
#data thead {
background-color: #333333;
color: #fdfdfd;
}
#data thead tr {
display: block;
position: relative;
}
#data tbody {
display: block;
overflow: auto;
width: 100%;
height: 300px;
}
#data tbody tr:nth-child(even) {
background-color: #dddddd;
}
這是一個快速的小提琴: http : //jsfiddle.net/tZ9cA/
您可以選擇tbody
元素的最后一個表行子項,然后對其所有<td>
子項進行如下操作:
#data tbody > tr:last-child > td {
border-bottom: 0;
}
嘗試這個:
#data tr:last-child td{
border-bottom:0;
}
最后一個子選擇器將選擇最后一行,然后您可以從那里定位所有單元格。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.