我有一个显示树结构的表(超级和子类别).当用户单击超类别时,将显示子项的显示属性.
现在我想在每个第二个表行添加交替的背景颜色 – 但当然只考虑当前可见的那些.以下是结构的简化示例:
当用户单击“Super 2”元素时,将从子元素中删除“hide”类.
我尝试了几种选择器,例如:
/* Ugly result (dosn't recognize that elements are hidden) */
tr:nth-child(2n)
{
background-color: grey;
}
/* Doesn't work at all */
tr:visible:nth-child(2n)
{
background-color: grey;
}
/* Not what I inteded to do */
tr:not(.hide):nth-child(2n)
{
background-color: grey;
}
我希望我明白我想做什么.
这是可能的CSS或我应该编写一个JS脚本,无论何时发生任何变化,重新计算偶数行和奇数行?
提前感谢任何提示!
最佳答案
这个jQuery代码片段将完成这项工作:
$('tr').removeClass('alternate')
$('tr:not(.hide):odd').addClass('alternate')
在jsFiddle上玩它
原文链接:https://www.f2er.com/css/427547.html
猜你在找的CSS相关文章