Html 如何在css中获取第n个孩子?
如何为html中除最后一个元素外的所有元素选择: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
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{}。