SUSY 2.0中的::after vs :after伪元素

Question

在SUSY v1.x中，编写：

.content {
  @include container;
}

编译为

.content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.content:after {
  content: " ";
  display: block;
  clear: both; 
}

现在，在SUSY 2.0中，它编译为

.content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.content::after {
  content: " ";
  display: block;
  clear: both; 
}

问题出在后面的伪元素中的两个冒号。单个冒号在所有浏览器中都可以工作，包括IE8 -所以我想知道: 1)这是故意的改变还是疏忽，因为两个冒号放弃了对IE8的支持；2)如果有解决办法而不写出IE8“容器”的所有额外的CSS。

Answer 1

根据标准，两个冒号是“正确的”，但我不知道IE8不支持它。请在GitHub上提交错误报告，或者提交补丁，我会尽快恢复。

Answer 2

我写这篇文章是为了解决IE8项目的问题。由于浏览器即将退出，我认为这可能比在当前标准下重写不正确的代码更可取。也许只是将IE8的变通方法添加到文档中？

$susy: (
    use-custom: (
        clearfix: true,
    )
);
// define custom clearfix because default uses ::after which doesn't work in IE8
@mixin clearfix() {
    &:after {
        content: " ";
        display: block;
        clear: both;
    }
}