我想自定义每列的第一行。我尝试了许多HTML和CSS技巧,但不适用于我。

所附图片将进一步说明。我在WordPress中使用表格插件,因此无法将JavaScript或id添加到单个列中。

最佳答案

尝试这个:

table > * > tr > td:first-child{
    /* css styles */
}


在此使用*代替theadtbody

但是有时使用*对于性能而言是昂贵的..因此,如果您关心性能,请执行以下操作:

table > thead > tr > td:first-child, table > tbody > tr > td:first-child{
     /* css styles */
}


要不然

我想在这里分享一个技巧,不需要:first-child

table > thead > tr > td + td, table > tbody > tr > td{
    /* normal styles */
}

table > thead > tr > td, table > tbody > tr > td{
    /* first-child styles */
}


上面的技巧每次都对我有用,因为第一个孩子不是任何其他td元素的同胞:)。我的意思是在第一个孩子元素之上没有其他元素。但我更喜欢使用:first-child

09-25 17:05
查看更多