Jquery 什么是&&引用；CSS中的意思以及为什么我'；我收到错误了吗？

CSS

我在codepen.io上找到了一个模板网站，但是当我把这个代码放在我的IDE上时-我在“.active&{”上有错误。我也包括了这些库，我错过了什么吗

button{
  margin-top: 4em;
  background-color: #ff3a3a;
  outline: none;
  .active &{
    border-bottom: 1px solid #ccc;
    border-radius: 0.3rem 0.3rem 0 0;
  }
}

Sass或SCS是服务器呈现的，而不是在浏览器中。
因此，在您的项目中，您可以通过更改扩展名使其成为scss文件&然后通过cmd提示符将其转换为css

• 通过命令提示符

  npm Install-g sass安装sass（确保您已经安装了npm，否则先安装npm）

• 将css文件的扩展名转换为SCS，如-
  

1.scss

• 现在在命令提示符下运行此命令

  sass 1.scss 1.css

  （确保打开或运行cmd提示符终端的路径）
• 现在，您已经在相同的位置生成了一个css文件。link 1.css文件&将起作用

---

我所知道的唯一一件事&就是它通常与

---

×；这是较少的/sass/scss或某种CSS预处理器，而不是简单的CSS。编译到
按钮{边距顶部：4em；背景色：ff3a3a；轮廓：无；}。活动按钮{边框底部：1px实心#ccc；边框半径：0.3rem 0.3rem 0；}
我是否可以在scss或预处理器中更改某些内容，而不是重新编写大量代码？您好！您可以编辑scss文件，但仍需要通过其编译器运行scss来创建正常的CSS。
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
    <link href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/78060/animate.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="1.css">

button{
  margin-top: 4em;
  background-color: #ff3a3a;
  outline: none;
  .active &{
    border-bottom: 1px solid #ccc;
    border-radius: 0.3rem 0.3rem 0 0;
  }
}