Question

@import '_colors.scss';
@import '_fonts.scss';
@import '_urls.scss';
@import '_mixins.scss';

html, body 
  height: 100%


body 
  display: grid
  font-family: $clickme, $clickme-fallback;
  color: $color;


a 
  text-decoration: none;
  color: inherit;


.cta 
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all .2s ease;
  &:before
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba($primary,.5);
    width: 56px;
    height: 56px;
    transition: all .3s ease;


  span 
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: .25em;
    text-transform: uppercase;
    vertical-align: middle;


  svg 
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: $color;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all .3s ease;


  &:hover 
    &:before
      width: 100%;
      background: rgba($primary,1);


    svg
      transform: translateX(0);


  &:active 
    transform: scale(.96);

我试图编译没有任何错误代码，似乎经过几次尝试后它无法正常工作我尝试了几种不同的方法和错误代码一直显示没有有效的CSS在每一行后都会有一个请帮助这个是一个最后的项目，我需要帮助在星期一晚上准备好。

Answer 1

首先从import语句中删除.scss。

如果您的文件扩展名为.scss，那么您必须使用括号和半冒号，但如果它有.sass扩展，那么您必须删除这些半冒号

然后使用任何软件（如prepros）将文件编译为css，或者使用sass命令行。请记住将css文件链接到您的html文档。

希望它有效

我一直收到一个编译错误，说css在双重和三重检查后无效，我似乎无法找到错误

1 个答案: