html – 在css中选择多个小孩
发布时间:2020-12-14 19:01:08 所属栏目:资源 来源:网络整理
导读:我试图在css中应用省略号类来表. 所以有一些列需要有这个省略号类.我在表中有多个列. 我在css中的第n个孩子的属性这样做,有没有另外一种方式来选择随机多个孩子? 我试过了- .ListTaskTime tbody tr td:nth-child(3) a{ text-overflow: ellipsis; width:150p
我试图在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; } 虽然同一个表还有一列第五个孩子,现在对于这个孩子我需要做一个单独的类,因此为其他列. 我不想扩展我的CSS代码. 解决方法
你可以用逗号分隔这些类,
.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) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |