我试图在css中应用省略号类来表.
所以有一些列需要有这个省略号类.我在表中有多个列.
所以有一些列需要有这个省略号类.我在表中有多个列.
我在css中的第n个孩子的属性这样做,有没有另外一种方式来选择随机多个孩子？
我试过了-
.ListTaskTime tbody tr >td:nth-child(3) a
{
text-overflow: ellipsis;
width:150px;
display: block;
overflow: hidden;
word-break:keep-all;
zoom:normal;
line-break:normal;
white-space:pre;
}
虽然同一个表还有一列第五个孩子,现在对于这个孩子我需要做一个单独的类,因此为其他列.
解决方法
你可以用逗号分隔这些类,
.ListTaskTime tbody tr >td:nth-child(3),.ListTaskTime tbody tr >td:nth-child(6),.ListTaskTime tbody tr >td:nth-child(9) {
/* Common Styles Goes Here,Styles will apply to child 3,6 and 9 */
}
注意：您需要检查第n个孩子并在样式表中手动定义,因为如果列增加,CSS不能为您决定.
如果您使用服务器端语言生成动态表,则可以使用像substr()这样的函数来裁剪字母.
旁注：您不必使用>除非和直到你没有任何儿童桌,这是足够的.. tbody tr td：nth-child(3)
