文章/答案/技术大牛

发布

社区首页 >问答首页 >css选择器获得2个元素

问css选择器获得2个元素
EN

Stack Overflow用户

提问于 2015-11-12 20:49:53

回答 1查看 539关注 0票数 1

我需要选择两个元素，跳过接下来的两个元素，选择两个元素，等等。

例如，假设我有10个元素：

<div class="container">
    <div class="el">element1</div>
    <div class="el">element2</div>
    <div class="el">element3</div>
    <div class="el">element4</div>
    <div class="el">element5</div>
    <div class="el">element6</div>
    <div class="el">element7</div>
    <div class="el">element8</div>
    <div class="el">element9</div>
    <div class="el">element10</div>
</div>

我要选择元素1、2、5、6、9和10。

是否有任何方法，利用nth-child或类似的，来实现这一点？

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-12 20:52:27

为此使用 pseudo-class。

组合选择器，以便为每四个元素选择第一个/第二个元素。

Example Here

.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
    color: red;
}

.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
  color: red;
}

<div class="container">
  <div class="el">element1</div>
  <div class="el">element2</div>
  <div class="el">element3</div>
  <div class="el">element4</div>
  <div class="el">element5</div>
  <div class="el">element6</div>
  <div class="el">element7</div>
  <div class="el">element8</div>
  <div class="el">element9</div>
  <div class="el">element10</div>
</div>

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33681069

复制

相似问题

问css选择器获得2个元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css选择器获得2个元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css选择器获得2个元素
EN