Css 删除具有Singularitygs的行上的最后一个檐槽？

我一直在试图找出使用Singularity显示项目列表的最佳解决方案

我想从本质上删除每行最后一项的填充，但将该填充添加回所有项目的总体项目宽度中

我认为解决方案将更多地与css有关，而不是奇点，但也许在奇点中有一个好的解决方案我错过了

这些项目最终将由cms定期添加

---

示例：

当然，您可以这样做：

&:nth-child(3n) {
  margin-right: 0;
}

在Singularity wiki上，这似乎表明这应该是可行的：

&:nth-child(3n) {
      @include float-span(2, 'last');

}

---

<>但是我没有理解它的作用。

< P>好的，有很多事情你应该考虑。< /P> 首先，Singularity和Breakpoint尚未与Sass 3.3兼容，而Sassmeister.com已经在使用Sass 3.3。确保在项目中使用Sass 3.2.x。为了演示SAS+HTML，请考虑使用./P> 其次，您使用的是

12px

排水沟。这是不正确的。檐槽指定为相对于单列单位的无单位值。所以，当你有两个柱子和12px的水槽时，你实际上告诉奇点让水槽比柱子大12倍

相反，提供如下相对檐槽：

$gutters:0.1

第三，您可以为中等大小指定4列网格，但只能将其用作两列网格。如果项目中没有使用四列，我建议您省略四列定义，继续使用两列网格

第四个，您在容器上设置了一个轮廓，但它从未正确显示，因为容器的高度为零。它的高度为零，因为它的所有内容都是浮动的

要使容器包含浮动内容，必须对容器应用clearfix。谷歌搜索一下。应用clearfix最简单的方法是使用Compass附带的

pie clearfix

mixin。但我建议您使用随附的

%clearfix micro

扩展

第五（有这样一个词吗？），要消除右边的空白，您必须对每行的最后一项应用最后一个

浮点span

。要正确地做到这一点，您必须了解第n个子项的工作原理。我强烈建议你用谷歌搜索一下

简而言之，

n个子项

接受一个类似于

an+B

的参数，其中A和B是整数。A应该等于列数，B是要寻址的列数。正如您在最后一列中所述，在您的情况下，B等于A。例如，整个过程看起来像第n个孩子（3n+3）

第六，您正在为不同断点应用奇点跨度，以使其累积。当您一次覆盖所有项目的范围时，这是可以的，这样所有项目都将在每个媒体查询中重新定义

但是当您有选择地应用样式（每行的最后一项）时，您也必须取消它们。这是一件非常不愉快的事情

相反，您应该缩小媒体查询的范围，以便它们只处理两个断点之间的特定片段。在这种情况下，跨越样式将不会累积

如果您使用了我的所有建议，那么代码的外观如下：

<强>七分< <强>（我的舌头受伤），考虑使用扩展，一个断点的小包装，使断点范围非常快速和轻松。

以下是使用断点切片器时代码的外观：

---

第八，如果您确实想要固定排水沟，您应该设置

$排水沟样式：'fixed'

选项。

谢谢您的详细回答

我很清楚第n个子选择器。我走了那条路，但觉得这对我来说不是一个干净的解决方案

我知道我没有清除浮标…这不是我的问题

根据以下文档，将固定高度设置为12px并不错误：

我需要固定的排水沟。这就是问题的症结所在

---

到目前为止，我开始制作自己喜欢的固定排水沟液柱解决方案：

这方面几乎没有问题。首先，对于固定排水沟，它将排水沟添加为填充物，而不是边距。第二，如果删除第三个子项上的填充，则不会将删除的数量重新添加到列宽中。在Singularity中使用固定檐槽需要设置

$檐槽样式：“fixed'

，但您没有这样做，这使我和Singularity都认为您在做动态檐槽。您误用了StackOverflow，请不要将对答案的评论作为单独的答案发布。另外，请接受我的回答。来自singularity wiki：有两种方法可以在singularity中定义固定宽度的檐沟：要么将檐沟定义的单位与网格定义的单位不同，要么将檐沟样式设置为“固定”。另外，由于我错误地使用了StackOverflow，请让我知道为什么我应该接受无法解决问题的答案。这是出于礼貌吗？您提供了一段具体的失败代码，我告诉了您如何使其工作，并详细解释了原因和方法。StackOverflow上没有人愿意解决项目中的个人问题。StackOverflow仅适用于特定的、明确定义的问题。此外，还有一种非常简单的创建固定排水沟的方法：使用填充。不过，您可能需要包装容器。第二点不正确。可以使用固定大小的檐槽宽度；并且可以在执行此操作时指定单位（px）。这在2013年不是一件事。