【问题标题】:Select only the middle using nth(child, of-type,)使用 nth(child, of-type,) 仅选择中间
【发布时间】:2016-12-12 16:40:45
【问题描述】:

我正在尝试使用 nth-child 或 nth-of-type 或各种“nth”来匹配表格中的一些元素,但我被困在下面图片中以绿色选择的中间元素,可以有人给我一个想法如何做到这一点,我不想重复间隔只是想选择那个部分。我不想为此使用 javascript 或 jQuery。

small fide example:

.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


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2012-03-07
    • 2015-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-09
    • 2013-11-23
    • 2021-12-30
    相关资源
    最近更新 更多