Html 如何在css中获取第n个孩子?

Html 如何在css中获取第n个孩子?,html,css,css-selectors,Html,Css,Css Selectors,如何为html中除最后一个元素外的所有元素选择:n个子元素 这有效吗= td:nth-child:not(last-child){ //Some css// } 我使用text-overflow:省略号属性来隐藏元素中表的溢出 它成功地使用了偶数、奇数的子项。 我希望在所有td块中都使用此省略号效果,但表的最后一个子块除外 我已经试过了- .table-condensed tbody tr td:nth-child:not(last-child) a { w

如何为html中除最后一个元素外的所有元素选择:n个子元素

这有效吗=

  td:nth-child:not(last-child){

    //Some css//
    }
我使用text-overflow:省略号属性来隐藏元素中表的溢出

它成功地使用了偶数、奇数的子项。 我希望在所有td块中都使用此省略号效果,但表的最后一个子块除外

我已经试过了-

.table-condensed tbody tr  td:nth-child:not(last-child) a
 {
     white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    display: block;
    overflow: hidden;

}

但这显然不是一个骗局。有什么建议吗?

我想你有问题。不能直接将样式应用于除最后一个子元素之外的所有第n个子元素,但可以使用两种样式:

.table-condensed tbody tr td a {
     white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
    display: block;
    overflow: hidden;

}

.table-condensed tbody tr  td:last-child a {
    white-space: normal;
    text-overflow: clip;
}

您可以覆盖最后一个子项的CSS样式:

td:last-child a {
   text-overflow: clip;
}
您可以简单地使用td:not:last-child作为选择器的一部分,它将匹配每行中除最后一个之外的每个单元格


我一点也不明白你为什么在选择器中包含一个裸:n个孩子-你想用它实现什么?

有点啰嗦,但应该做到:

tr:not(:last-child) > td, tr:last-child > td:not(:last-child) {
    // styles
}

我不想成为一个婊子,但是你为什么不把风格调整到前四个,然后把最后一个改成你想要的呢?你能澄清一下吗?除了每行的最后一个,你要所有的s吗?或者,除了最后一行中的元素外,您想要所有的元素?@billyonecan样式在每个td元素中,除了最后一行中的元素。您不可能只在最后一行中添加一个类吗?我认为现有的选择器不符合您的要求requirements@billyonecan,我不知道你为什么不理解我的问题!我想OP想要的是每一行,但最后一行不是每一行的最后一行——尽管我可以mistaken@billyonecan当前位置我看你已经提供了一个解决方案,所以我给你+1。呵呵,很好的解决方案和我玩了一番之后得到的一样,但是没有必要重复答案。请记住,它是用来设置a元素的样式的,所以它更像tr:not:last child>td a,tr:last child>td:not:last child a{}。