Question

我正在尝试使用CSS创建模具字母。我正在使用的文本编辑器是notepad ++。我遇到的问题是，当我在notepad ++中键入代码时，编辑器无法识别正确的右括号。请参见下面的代码。

S类的关闭标签应该在页面底部关闭，但它将在第一个关闭括号之后关闭。

  .S { //open tag for class S
     margin-left: 80px;
     margin-right: 40px;
     margin-top: 25px; // Optically lower S  
     width: calc(var(--width-1) * 1.1);
     height: 100px;
     display: block;
     transform: rotate(-45deg) skew(4deg);
     border-radius: 4em 0;
     background-color: var(--color);
     position: relative;

  &::before,
  &::after {
     content: "";
     display: block;
     position: absolute;
  } //S is closing here instead and not recognizing the closing bracket at the end of the page

  &::before {
     top: 0;
     right: 0;
     transform: translate(72px, 1px) skew(14deg) rotate(200deg);
     width: 0;
     height: 0;
     border-left: 35px solid transparent;
     border-right: 35px solid transparent;
     border-bottom: 35px solid var(--color);
     border-radius: 50%;
  }

  &::after {
     bottom: 0;
     left: 0;
     transform: translate(-72px, -8px) rotate(-150deg) skew(0deg);
     width: 0;
     height: 0;
     border-left: 40px solid transparent;
     border-right: 40px solid transparent;
     border-top: 25px solid var(--color);
     border-radius: 50%;
  }
} //Close tag for class S

Answer 1

＆符是Sass的功能。您正在使用它还是应该将其作为标准CSS？

https://css-tricks.com/the-sass-ampersand/

关闭支架错误

1 个答案: