Html 第n个孩子不为我工作<；李>；标签

谢谢你的阅读！今天第n个子选择器出现一些问题。。。 下面是HTML代码，后面是CSS

下面的内容基本上只是一个重复了3次的

• ，我试图删除第3个元素的右边距，但不知怎么的，我的代码就是不起作用。谢谢你的建议

  <div id="RightContent">
  <h4>Jewelry</h4>
  
  <ul class="grid cs-style-1">
  
    <a href="#ProductDetail">
     <li>
      <figure>
       <img src="images/ring.jpg" alt="img01">
        <figcaption>
        <h3>Atlas® closed narrow ring in 18k rose gold with a diamond.</h3>
        <span class="price">800</span>
        <a href="#Cart"><span class="add">Add to Shopping Bag</span>
        </figcaption>
       </figure>
      </li>
    </a>
  
    <a href="#ProductDetail">
     <li>
      <figure>
       <img src="images/ring.jpg" alt="img01">
        <figcaption>
        <h3>Atlas® closed narrow ring in 18k rose gold with a diamond.</h3>
        <span class="price">800</span>
        <a href="#Cart"><span class="add">Add to Shopping Bag</span>
        </figcaption>
       </figure>
      </li>
    </a>
  
    <a href="#ProductDetail">
     <li>
      <figure>
       <img src="images/ring.jpg" alt="img01">
        <figcaption>
        <h3>Atlas® closed narrow ring in 18k rose gold with a diamond.</h3>
        <span class="price">800</span>
        <a href="#Cart"><span class="add">Add to Shopping Bag</span>
        </figcaption>
       </figure>
      </li>
    </a>
  

  第n个子伪选择器似乎不起作用。我的第三个
• 项目仍然有一个空白。如果有人能告诉我这里到底出了什么问题，我将不胜感激

  ---

  非常感谢移除锚点

  移除锚点
  移除锚点
  移除锚点
  移除锚点
  您的选择器不工作，因为每个
  都在
  
  更正后，您可以使用选择器
  .grid li:n子项（3n+3）
  选择每个列表中的第三项。
  您的选择器不工作，因为每个
  都位于
  
  更正后，您可以使用选择器
  .grid li:n子项（3n+3）
  选择每个列表中的第三项。
  您的选择器不工作，因为每个
  都位于
  
  更正后，您可以使用选择器
  .grid li:n子项（3n+3）
  选择每个列表中的第三项。
  您的选择器不工作，因为每个
  都位于
  
  更正后，您可以使用选择器
  .grid li:nth child（3n+3）
  选择每个列表中的第三项。
  您有
  li标签
  在
  标签
  内，但您将
  nth child
  分配给li这是不正确的。你应该做：
  
  .grid a:n个子项（3n+3）li{margin right:0px；}
  您在
  标记内有
  li标记
  ，但您将
  n个子项
  分配给li，这是不正确的。你应该做：
  
  .grid a:n个子项（3n+3）li{margin right:0px；}
  您在
  标记内有
  li标记
  ，但您将
  n个子项
  分配给li，这是不正确的。你应该做：
  
  .grid a:n个子项（3n+3）li{margin right:0px；}
  您在
  标记内有
  li标记
  ，但您将
  n个子项
  分配给li，这是不正确的。你应该做：
  
  .grid a:n子（3n+3）li{margin right:0px；}
  您的标记已损坏
  ul
  不能包含
  a
  作为直接子项。这里有一把小提琴来验证@SalmanA的评论@Brian:我可以把你的小提琴添加到我的答案中吗？@Brian:添加谢谢你：）非常感谢！我试了一个小时左右！！！应该早点把这个问题贴出来！您的标记已损坏
  ul
  不能包含
  a
  作为直接子项。这里有一把小提琴来验证@SalmanA的评论@Brian:我可以把你的小提琴添加到我的答案中吗？@Brian:添加谢谢你：）非常感谢！我试了一个小时左右！！！应该早点把这个问题贴出来！您的标记已损坏
  ul
  不能包含
  a
  作为直接子项。这里有一把小提琴来验证@SalmanA的评论@Brian:我可以把你的小提琴添加到我的答案中吗？@Brian:添加谢谢你：）非常感谢！我试了一个小时左右！！！应该早点把这个问题贴出来！您的标记已损坏
  ul
  不能包含
  a
  作为直接子项。这里有一把小提琴来验证@SalmanA的评论@Brian:我可以把你的小提琴添加到我的答案中吗？@Brian:添加谢谢你：）非常感谢！我试了一个小时左右！！！应该早点把这个问题贴出来！但建议是不要使用标签作为
  ul
  的直接子项，但建议是不要使用标签作为
  ul
  的直接子项，但建议是不要使用标签作为
  ul
  的直接子项，但建议是不要使用标签作为
  ul
  的直接子项，我再次检查；考虑到损坏的标记，
  li
  仍然是
  ul
  （第二、第五和第八）的直接子代。@SalmanA这取决于浏览器的处理方式。例如，使用原始标记时，Chrome即使无效也会被删除：每个
  标记都是
  的直接子项，并且包含自己的
  ，以及
  li:n子项（3n+3）
  选择器将不适用。在这个特定示例中，ul将空的
  和
  作为其子级（因为标记在两个位置断开）。好的，我再次检查；考虑到损坏的标记，
  li
  仍然是
  ul
  （第二、第五和第八）的直接子代。@SalmanA这取决于浏览器的处理方式。例如，使用原始标记时，Chrome即使无效也会被删除：每个
  标记都是
  的直接子项，并且包含自己的
  ，以及
  li:n子项（3n+3）
  选择器将不适用。在这个特定示例中，ul将空的
  和
  作为其子级（因为标记在两个位置断开）。好的，我再次检查；考虑到损坏的标记，
  li
  仍然是
  ul
  （第二、第五和第八）的直接子代。@SalmanA这取决于浏览器的处理方式。例如，使用原始标记时，Chrome即使无效也会被删除：每个
  标记都是
  的直接子项，并且包含自己的
  ，以及
  li:n子项（3n+3）
  选择器将不适用。在这个特定示例中，ul将空的
  和
  作为其子级（因为标记在两个位置断开）。好的，我再次检查；考虑到损坏的标记，
  li
  仍然是
  ul
  （第二、第五和第八）的直接子代。@SalmanA这取决于浏览器的处理方式。例如，使用原始ma
  .grid {
  padding: 0px 0px 0px 0px;
  max-width: 890px;
  margin: 0 auto;
  list-style: none;
  text-align: left;
  }
  
  .grid li {
  display: inline-block;
  width: 278px;
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0px;
  text-align: left;
  position: relative;
  }
  
  .grid li:nth-child(3n+3) {
  margin-right: 0px;
  }