Html 使用第n个(子项,类型为)仅选择中间部分

Html 使用第n个(子项,类型为)仅选择中间部分,html,css,css-selectors,match,Html,Css,Css Selectors,Match,我试图用第n个子元素或第n个类型或每种类型的“第n个”来匹配表中的一些元素,但我被困在下面图片中选择的绿色中间的元素上,有人能告诉我怎么做吗,我不想重复间隔,只想选择那个部分。我不想为此使用javascript或jQuery .row:nth-child(n+4) .cell:nth-child(n+4) { background: green; color: red; } 这就是我问题的答案,我自己解决了 .row:nth-child(n+4):nth-child(-n+

我试图用第n个子元素或第n个类型或每种类型的“第n个”来匹配表中的一些元素,但我被困在下面图片中选择的绿色中间的元素上,有人能告诉我怎么做吗,我不想重复间隔,只想选择那个部分。我不想为此使用javascript或jQuery

.row:nth-child(n+4) .cell:nth-child(n+4) {
    background: green;
    color: red;
}

这就是我问题的答案,我自己解决了

.row:nth-child(n+4):nth-child(-n+6) .cell:nth-child(n+4):nth-child(-n+6){
    background:red;
}

这是固定网格吗?您将需要不止一个规则。如果您选择一个非重复部分,为什么不使用类?我知道您需要一个“中间子伪类”。我不认为仅仅使用css就可以做到这一点。我认为可以使用js从表中选择中间的行(以及前后的行),然后选择行中的中间单元格。@Paulie不是这样fixed@RulerNature这适用于10行、10列,而不是n行和n列。