CSS讓tr隱藏常常被用來解決網頁制作中表格顯示不必要的行的問題,可以使得某些表格行隱藏,不占用空間,讓表格更加美觀大方。
table tr:nth-child(3n+1){ display:none; }
上述代碼就是讓每三行中的第一行tr隱藏,其中3n表示是3的倍數,加上1表示從第一行開始,因為CSS中的選擇器:nth-child可以選定某個元素的第幾個子元素,這里使用了其選擇器的特性。
table tr:first-child{ display:none; }
如果想讓表格的第一行隱藏,可以使用:first-child偽類選擇器來選中表格的第一個子元素,從而設置其樣式。
以上兩種方法都是比較常用的讓tr隱藏的方式,可以根據具體需求靈活調整代碼,從而達到理想的效果。