【发布时间】:2016-12-12 16:40:45
【问题描述】:
我正在尝试使用 nth-child 或 nth-of-type 或各种“nth”来匹配表格中的一些元素,但我被困在下面图片中以绿色选择的中间元素,可以有人给我一个想法如何做到这一点,我不想重复间隔只是想选择那个部分。我不想为此使用 javascript 或 jQuery。
.row:nth-child(n+4) .cell:nth-child(n+4) {
background: green;
color: red;
}
【问题讨论】:
-
这是固定网格吗?您将需要多个规则。
-
如果你选择一个不重复的部分,为什么不使用一个类?
-
我知道你需要一个“中间孩子伪类”。我认为仅使用 css 是不可能的。我认为您可以使用js从表格中选择中间行(以及之前和之后的行),然后选择行中的中间单元格。
-
@Paulie 它不固定
-
@RulerNature 这适用于 10 行 10 列,不适用于 n 行和 n 列。
标签: html css css-selectors match