目标重复元素组

时间:2016-05-09 15:05:28

标签: css css3 css-selectors

是否可以构建一个nth-child()选择器来定位重复的元素组,例如列表中的每4到7个元素?

例如,如何选择所有“b”元素?

enter image description here

这是我到目前为止所拥有的:

:nth-child(n+4):nth-child(-n+7) {
    font-weight: bold;
    color: red;
}

除非不重复(demo)。

我知道可以使用多个选择器:

:nth-child(7n+4),
:nth-child(7n+5),
:nth-child(7n+6),
:nth-child(7n+7) {
  font-weight: bold;
  color: red;
}

这很有效。但我想知道是否有一个可以链接在一起的选择器(仅限CSS)。

jsFiddle

0 个答案:

没有答案