【问题标题】:What parameter to nth child should I use?我应该对第 n 个孩子使用什么参数?
【发布时间】:2021-03-27 22:52:35
【问题描述】:

我需要 2,5,8 来自定义。 第n个孩子如何获得2,5,8?

  <div class="col">
           1<h3>aa</h3>
           2<p>bb</p>
           3<p>cc</p>
            
           4 <h3>aa</h3>
           5 <p>bb</p>
           6 <p>cc</p> 
          
           7 <h3>aa</h3>
           8 <p>bb</p>
           9 <p>cc</p>
  </div>

【问题讨论】:

    标签: html css css-selectors


    【解决方案1】:

    您可以将公式与 nth-child 一起使用。

    你想要的是:

    .col p:nth-child(3n+2){}
    

    【讨论】:

    • 你说得对,我可能太仓促了。反正我已经改正了
    • 没问题,你应得的。
    【解决方案2】:

    .col  p:nth-child(3n+2) {
      color: red
    }
    <div class="col">
      <h3>aa</h3>
      <p>bb</p>
      <p>cc</p>
      <h3>aa</h3>
      <p>bb</p>
      <p>cc</p>
      <h3>aa</h3>
      <p>bb</p>
      <p>cc</p>
    </div>

    【讨论】:

    • 有效!你能帮我了解一下吗
    • @ChiieCruz w3schools.com/cssref/sel_nth-child.asp 阅读文档,并在谷歌上搜索一些示例。鲁本也是第一个回答,但有一个错字,请随意填写以接受他的回答
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-03-11
    • 2016-07-08
    • 1970-01-01
    • 2021-05-30
    • 1970-01-01
    • 2013-04-03
    • 2018-10-21
    相关资源
    最近更新 更多