html - 也许是 CSS 预处理器？

Question

我有这个 HTML/CSS 站点:Link

现在它在原来的 codepen 上工作正常，但是当我把它放在 jsfiddle 上时它不起作用。我注意到它使用了一些我在普通 CSS 中没有见过的技术，例如:

&.fixed {

谁能告诉我这是否就是它在 JSfiddle 中不起作用的原因，是否可以在无需添加某种预处理器的情况下对其进行编码？

Answer 1

JSFiddle

如果是这样的话:

nav{
  /*styles*/

  > p{
    /*styles*/
  }
}

你需要做的就是重写它，就像这样:

nav{
  /*styles*/
}

nav > span {
  /*styles*/
}

这个:

&.active

会是:

nav.active{
  /*styles*/
}

但是因为它在代码中的 span 中，所以会是:

(原创)

nav{
  /*styles*/

  > span{
    /*styles*/

    &.active{
      /*styles*/
    }
  }
}

(CSS)

nav{
  /*styles*/
}

nav > span{
  /*styles*/
}

nav > span.active{
  /*styles*/
}