Css 要隐藏类的第二次和第三次出现的第n个类型？

我试图只设置第二和第三个div（而不是第一个），并使用一个“promptrow”类来显示：none（因此红色的项目应该被隐藏）。然而，第n种类型并没有选择它们-无法找出原因，因为它看起来非常简单

.promptrow:nth-of-type(2) {
  display:none;
  }

.promptrow:nth-of-type(3) {
  display:none;
  }


<fieldset style="margin-top: 0;">

<div class="fieldsetinside">

   <div id="crumbs">Crumbs</div>

   <div class="pgraph">
      <div>Culinary Trip</div>
      <div March 2016></div>
   </div>

   <div>Trip Details</div>

   <div style="clear: both;"></div>

   <div class="shoprow-qdat promptrow" style="color:blue;">
      <div class="quantity">Qty</div>
      <div class="description">Description</div>
      <div class="amount">Amount</div>
      <div class="total">Total</div>
   </div>

   <div class="shoplist">
       <div class="shoprow-qdat">
           <div class="quantity">1</div>
           <div class="description">Deposit 1</div>
           <div class="amount">100</div>
           <div class="total">---</div>
       </div>
   </div>

   <div class="shoplist">
       <div class="shoprow-qdat">
           <div class="quantity">2</div>
           <div class="description">Deposit 2</div>
           <div class="amount">$200</div>
           <div class="total">---</div>
       </div>
   </div>



   <div style="clear: both;"></div>

   <div class="shoprow-qdat promptrow" style="color:red;">
      <div class="quantity">Qty</div>
      <div class="description">Description</div>
      <div class="amount">Amount</div>
      <div class="total">Total</div>
   </div>

   <div class="shoplist">
       <div class="shoprow-qdat">
           <div class="quantity">3</div>
           <div class="description">Deposit 3</div>
           <div class="amount">$300</div>
           <div class="total">---</div>
       </div>
   </div>


   <div style="clear: both;"></div>

   <div class="shoprow-qdat promptrow" style="color:red;">
      <div class="quantity">Qty</div>
      <div class="description">Description</div>
      <div class="amount">Amount</div>
      <div class="total">Total</div>
   </div>

   <div class="shoplist">
       <div class="shoprow-qdat">
           <div class="quantity">4</div>
           <div class="description">Description 4</div>
           <div class="amount">$400</div>
           <div class="total">---</div>
       </div>
   </div>

   </div>
</fieldset>

.promptrow:n类型（2）{
显示：无；
}
.promptrow：第n个类型（3）{
显示：无；
}
面包屑
烹饪之旅
行程详情
数量
描述
数量
全部的
1.
存款1
100
---
2.
存款2
$200
---
数量
描述
数量
全部的
3.
存款3
$300
---
数量
描述
数量
全部的
4.
说明4
$400
---

在这里拉小提琴：

---

n个类型匹配标记，您应该有如下内容：

promptrow:nth-of-type(2) {
    display:none;
}

<promptrow class="shoprow-qdat" style="color:red;">
    <div class="quantity">Qty</div>
    <div class="description">Description</div>
    <div class="amount">Amount</div>
    <div class="total">Total</div>
</promptrow>

面包屑
烹饪之旅
行程详情
数量
描述
数量
全部的
1.
存款1
100
---
2.
存款2
$200
---
数量
描述
数量
全部的
3.
存款3
$300
---
数量
描述
数量
全部的
4.
说明4
$400
---

类型（n）选择器的：n匹配每个元素，即第n个元素 特定类型的子项，其父项的子项

n可以是数字、关键字或公式

这意味着，如果存在其他相同的html元素（div），则具有类promptrow的div必须只有一个公共父级

检查此示例：

p:n类型（奇数）{
背景：红色；
}
p:n个类型（偶数）{
背景：蓝色；
}
红色的

蓝色

红色

红色

我以为他们的父母都是一样的？也许我错了-那么这些div的父级是什么？@sjdalessandro正确地认为它是use元素，这里的元素是div，所以当父级有更多div时（这里

），它们将不再工作，第n个类型应用于标记，而不是类。看我的答案。不，你可以使用类。我引用了这个例子，他们使用类来选择第一个和第二个div，类为“.user show tab title applied”-@bad_jujuju请看这个。在你提到的帖子中，接受的答案是按div标签选择的。选择完成后，他们将选择第一个结果集中类user show tab title的所有元素（例如，类型（1）的.history div:nth的结果）。