斑马使用CSS3剥离带有隐藏行的表？
我有桌子
<table id="mytable">
<tr style="display: none;"><td> </td></tr>
<tr><td> </td></tr>
<tr style="display: none;"><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
我试图将表条设置为使用第n个子选择器，但似乎无法破解它。
table #mytable tr[@display=block]:nth-child(odd) {
background-color: #000;
}
table #mytable tr[@display=block]:nth-child(odd) {
background-color: #FFF;
}
我很确定我已经接近了……似乎还无法破解。
有人通过线索吗？
问题答案：
距离您将近。请注意，您不能nth-child仅对显示的行进行计数。无论如何nth-child都将采用第 n 个子元素，而不是与给定选择器匹配的
第 n 个子元素。如果要丢失某些行并且不影响斑马条纹，则必须通过DOM或在服务器端将它们从表中完全删除。
<!DOCTYPE html>
<style>
#mytable tr:nth-child(odd) {
background-color: #000;
}
#mytable tr:nth-child(even) {
background-color: #FFF;
}
</style>
<table id="mytable">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
这是我所做的修复：
table #mytable tr[@display=block]:nth-child(odd) {
background-color: #000;
}
无需为id基础选择器指定祖先选择器；只有一个元素可以匹配#table，因此您只需通过添加tablein来添加额外的代码。
#mytable tr[@display=block]:nth-child(odd) {
background-color: #000;
}
现在，[@display=block]将匹配已将属性display设置为block的元素，例如<tr display=block>。显示不是有效的HTML属性；您似乎想做的是使选择器与元素的样式匹配，但是您不能在CSS中做到这一点，因为浏览器需要先从CSS中应用样式，然后才能弄清楚这一点，应用此选择器时，它正在执行过程中。因此，您将无法选择是否显示表格行。由于nth- child只能走 ñ 个孩子无论做什么，不 ñ 日与一些属性，我们将不得不放弃对CSS的这一部分。还有nth-of- type，它选择相同元素类型的第 n 个子元素，但这就是您所能做的。
#mytable tr:nth-child(odd) {
background-color: #000;
}
那里有它。
-
问题内容： 我正在寻找最简单的方法斑马条纹以下响应式弹性框表上的行。 换句话说，在此示例中，第2行和第4行是无限的，我不知道会有多少行，因为这是CMS系统中可重用的组件。 HTML不能更改，但是行和列的数量会经常更改。我很乐意为列而不是行设置限制。 有没有办法在纯CSS中做到这一点？ 问题答案： 理想情况下，所需的选择器将定位属性中包含的偶数值。像这样： 基本上，该幻想选择器说： 使用 包含 （）
-
本文向大家介绍使用css3实现一个斑马线的效果相关面试题，主要包含被问及使用css3实现一个斑马线的效果时的应答技巧和注意事项，需要的朋友参考一下
-
已挂， 查看状态变更为业务面试-未录用 -------------------------------------------------------- 1. 深挖项目，需要对自己的项目和类似开源项目，用到的框架技术有深入了解 2. Redis 3. MySQL 4. 消息队列 5. GC相关 反问 拷打约50分钟 面试官水平很高，也会根据你的回答引导，可惜自己太菜了，很多没回答上来
-
我觉得显示/隐藏是一个相当常见的范例，最常见的是，具体取决于业务逻辑。我的问题是，使用自动布局响应隐藏视图的最佳方式是什么，就好像它们的框架是0x0一样。这是一个1-3个功能的动态列表示例。 现在我有一个10px的顶部空间，从按钮到最后一个标签，当标签被隐藏时，它显然不会向上滑动。现在，我创建了这个约束的出口，并根据显示的标签数量修改常量。这显然有点麻烦，因为我使用负常量值将按钮推到隐藏帧上。这也
-
我有一个桌子，它的膨胀和折叠，但它变得太乱，无法使用它，IE和Firefox不能正常工作。 下面是JavaScript代码： 和示例HTML： 问题是，我对每一个都使用一个ID，这是非常烦人的，因为我想为每个父级和很多父级都有很多隐藏行，所以要处理的ID太多了。IE和FireFox只显示第一个隐藏行，而不显示其他行。我怀疑发生这种情况是因为我将所有ID触发在一起使其工作。我认为如果我使用类而不是I
-
我有一个标准的json结构，里面有这样的内容